@almadar/std 3.2.0 → 3.2.2

package/dist/behaviors/exports/organisms/std-booking-system.orb

@@ -229,7 +229,9 @@
                             }
                           ],
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "vertical",
@@ -255,13 +257,13 @@
                                         {
                                           "type": "typography",
                                           "variant": "h4",
-                                          "content": "@entity.name"
+                                          "content": "@item.name"
                                         }
                                       ]
                                     },
                                     {
                                       "type": "badge",
-                                      "label": "@entity.specialty"
+                                      "label": "@item.specialty"
                                     }
                                   ]
                                 },
@@ -269,7 +271,7 @@
                                   "type": "typography",
                                   "variant": "caption",
                                   "color": "muted",
-                                  "content": "@entity.location"
+                                  "content": "@item.location"
                                 }
                               ]
                             }
@@ -387,143 +389,55 @@
                     "modal",
                     null
                   ],
-                  [
-                    "fetch",
-                    "Provider"
-                  ],
-                  [
-                    "notify",
-                    "Provider deleted successfully"
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CANCEL",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
-              }
-            ]
-          },
-          "emits": [
-            {
-              "event": "BOOK",
-              "payload": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                }
-              ],
-              "scope": "external"
-            }
-          ]
-        },
-        {
-          "name": "ProviderCreate",
-          "linkedEntity": "Provider",
-          "category": "interaction",
-          "emits": [
-            {
-              "event": "PROVIDER_CREATED"
-            }
-          ],
-          "stateMachine": {
-            "states": [
-              {
-                "name": "closed",
-                "isInitial": true
-              },
-              {
-                "name": "open"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "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": [
-                  [
-                    "fetch",
-                    "Provider"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "CREATE",
-                "effects": [
                   [
                     "fetch",
                     "Provider"
                   ],
                   [
                     "render-ui",
-                    "modal",
+                    "main",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "gap": "md",
+                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "plus-circle",
-                              "size": "md"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "briefcase",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Providers",
+                                  "variant": "h2"
+                                }
+                              ]
                             },
                             {
-                              "type": "typography",
-                              "content": "Create Provider",
-                              "variant": "h3"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Provider",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
                             }
                           ]
                         },
@@ -531,47 +445,93 @@
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
+                          "type": "data-grid",
                           "entity": "Provider",
-                          "mode": "create",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "name",
-                            "specialty",
-                            "location",
-                            "phone",
-                            "rating",
-                            "available"
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No providers yet",
+                          "emptyDescription": "Create your first provider to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "briefcase",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.name"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.specialty"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.location"
+                                }
+                              ]
+                            }
                           ]
                         }
                       ]
                     }
+                  ],
+                  [
+                    "notify",
+                    "Provider deleted successfully"
                   ]
                 ]
               },
               {
-                "from": "open",
-                "to": "closed",
-                "event": "CLOSE",
+                "from": "deleting",
+                "to": "browsing",
+                "event": "CANCEL",
                 "effects": [
                   [
                     "render-ui",
                     "modal",
                     null
-                  ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "SAVE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "Provider",
-                    "@payload.data"
                   ],
                   [
                     "fetch",
@@ -579,117 +539,49 @@
                   ],
                   [
                     "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "emit",
-                    "PROVIDER_CREATED"
-                  ],
-                  [
-                    "notify",
-                    "Provider created successfully"
-                  ]
-                ]
-              }
-            ]
-          }
-        },
-        {
-          "name": "ProviderEdit",
-          "linkedEntity": "Provider",
-          "category": "interaction",
-          "emits": [
-            {
-              "event": "PROVIDER_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": [
-                  [
-                    "fetch",
-                    "Provider"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "EDIT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Provider",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
+                    "main",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "gap": "md",
+                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "edit",
-                              "size": "md"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "briefcase",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Providers",
+                                  "variant": "h2"
+                                }
+                              ]
                             },
                             {
-                              "type": "typography",
-                              "content": "Edit Provider",
-                              "variant": "h3"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Provider",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
                             }
                           ]
                         },
@@ -697,20 +589,74 @@
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
+                          "type": "data-grid",
                           "entity": "Provider",
-                          "mode": "edit",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "name",
-                            "specialty",
-                            "location",
-                            "phone",
-                            "rating",
-                            "available"
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No providers yet",
+                          "emptyDescription": "Create your first provider to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
                           ],
-                          "entityId": "@entity.id"
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "briefcase",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.name"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.specialty"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.location"
+                                }
+                              ]
+                            }
+                          ]
                         }
                       ]
                     }
@@ -718,27 +664,14 @@
                 ]
               },
               {
-                "from": "open",
-                "to": "closed",
+                "from": "deleting",
+                "to": "browsing",
                 "event": "CLOSE",
                 "effects": [
                   [
                     "render-ui",
                     "modal",
                     null
-                  ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "SAVE",
-                "effects": [
-                  [
-                    "persist",
-                    "update",
-                    "Provider",
-                    "@payload.data"
                   ],
                   [
                     "fetch",
@@ -746,55 +679,188 @@
                   ],
                   [
                     "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "emit",
-                    "PROVIDER_UPDATED"
-                  ],
-                  [
-                    "notify",
-                    "Provider updated successfully"
-                  ]
-                ]
-              }
-            ]
-          }
-        },
-        {
-          "name": "ProviderView",
-          "linkedEntity": "Provider",
-          "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
-                  }
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "briefcase",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Providers",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Provider",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "Provider",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No providers yet",
+                          "emptyDescription": "Create your first provider to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "briefcase",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.name"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.specialty"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.location"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
                 ]
+              }
+            ]
+          },
+          "emits": [
+            {
+              "event": "BOOK",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                }
+              ],
+              "scope": "external"
+            }
+          ]
+        },
+        {
+          "name": "ProviderCreate",
+          "linkedEntity": "Provider",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "PROVIDER_CREATED"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
+              },
+              {
+                "name": "open"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "CREATE",
+                "name": "Open"
               },
               {
                 "key": "CLOSE",
                 "name": "Close"
+              },
+              {
+                "key": "SAVE",
+                "name": "Save",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -812,12 +878,11 @@
               {
                 "from": "closed",
                 "to": "open",
-                "event": "VIEW",
+                "event": "CREATE",
                 "effects": [
                   [
                     "fetch",
-                    "Provider",
-                    "@payload.id"
+                    "Provider"
                   ],
                   [
                     "render-ui",
@@ -831,17 +896,16 @@
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "eye",
+                              "name": "plus-circle",
                               "size": "md"
                             },
                             {
                               "type": "typography",
-                              "variant": "h3",
-                              "content": "@entity.name"
+                              "content": "Create Provider",
+                              "variant": "h3"
                             }
                           ]
                         },
@@ -849,129 +913,18 @@
                           "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": "Specialty"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.specialty"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Location"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.location"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Phone"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.phone"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Rating"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.rating"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Available"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.available"
-                            }
-                          ]
-                        },
-                        {
-                          "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"
-                            }
+                          "type": "form-section",
+                          "entity": "Provider",
+                          "mode": "create",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "fields": [
+                            "name",
+                            "specialty",
+                            "location",
+                            "phone",
+                            "rating",
+                            "available"
                           ]
                         }
                       ]
@@ -990,97 +943,57 @@
                     null
                   ]
                 ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "persist",
+                    "create",
+                    "Provider",
+                    "@payload.data"
+                  ],
+                  [
+                    "fetch",
+                    "Provider"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "emit",
+                    "PROVIDER_CREATED"
+                  ],
+                  [
+                    "notify",
+                    "Provider created successfully"
+                  ]
+                ]
               }
             ]
           }
-        }
-      ],
-      "pages": [
+        },
         {
-          "name": "ProvidersPage",
-          "path": "/providers",
-          "isInitial": true,
-          "traits": [
-            {
-              "ref": "ProviderBrowse"
-            },
-            {
-              "ref": "ProviderCreate"
-            },
-            {
-              "ref": "ProviderEdit"
-            },
+          "name": "ProviderEdit",
+          "linkedEntity": "Provider",
+          "category": "interaction",
+          "emits": [
             {
-              "ref": "ProviderView"
+              "event": "PROVIDER_UPDATED"
             }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "BookingOrbital",
-      "entity": {
-        "name": "Booking",
-        "persistence": "runtime",
-        "fields": [
-          {
-            "name": "id",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "providerName",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "customerName",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "customerEmail",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "date",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "time",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "notes",
-            "type": "string"
-          }
-        ]
-      },
-      "traits": [
-        {
-          "name": "BookingWizard",
-          "linkedEntity": "Booking",
-          "category": "interaction",
+          ],
           "stateMachine": {
             "states": [
               {
-                "name": "step1",
+                "name": "closed",
                 "isInitial": true
               },
               {
-                "name": "step2"
-              },
-              {
-                "name": "step3"
-              },
-              {
-                "name": "review"
-              },
-              {
-                "name": "complete"
+                "name": "open"
               }
             ],
             "events": [
@@ -1089,23 +1002,23 @@
                 "name": "Initialize"
               },
               {
-                "key": "NEXT",
-                "name": "Next Step",
+                "key": "EDIT",
+                "name": "Open",
                 "payload": [
                   {
-                    "name": "data",
-                    "type": "object",
+                    "name": "id",
+                    "type": "string",
                     "required": true
                   }
                 ]
               },
               {
-                "key": "PREV",
-                "name": "Previous Step"
+                "key": "CLOSE",
+                "name": "Close"
               },
               {
-                "key": "COMPLETE",
-                "name": "Complete Wizard",
+                "key": "SAVE",
+                "name": "Save",
                 "payload": [
                   {
                     "name": "data",
@@ -1113,93 +1026,73 @@
                     "required": true
                   }
                 ]
-              },
-              {
-                "key": "RESTART",
-                "name": "Restart Wizard"
               }
             ],
             "transitions": [
               {
-                "from": "step1",
-                "to": "step1",
+                "from": "closed",
+                "to": "closed",
                 "event": "INIT",
                 "effects": [
                   [
                     "fetch",
-                    "Booking"
+                    "Provider"
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "EDIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Provider",
+                    "@payload.id"
                   ],
                   [
                     "render-ui",
-                    "main",
+                    "modal",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
+                      "gap": "md",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "calendar",
-                              "size": "lg"
+                              "name": "edit",
+                              "size": "md"
                             },
                             {
                               "type": "typography",
-                              "content": "Book Appointment",
-                              "variant": "h2"
+                              "content": "Edit Provider",
+                              "variant": "h3"
                             }
                           ]
                         },
-                        {
-                          "type": "badge",
-                          "label": "Step 1 of 3"
-                        },
-                        {
-                          "type": "wizard-progress",
-                          "steps": [
-                            "Provider Selection",
-                            "Your Details",
-                            "Date and Time"
-                          ],
-                          "currentStep": 0
-                        },
                         {
                           "type": "divider"
                         },
-                        {
-                          "type": "typography",
-                          "content": "Provider Selection",
-                          "variant": "h3"
-                        },
                         {
                           "type": "form-section",
-                          "entity": "Booking",
-                          "mode": "create",
-                          "submitEvent": "NEXT",
-                          "cancelEvent": "INIT",
+                          "entity": "Provider",
+                          "mode": "edit",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
                           "fields": [
-                            "providerName"
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "children": [
-                            {
-                              "type": "button",
-                              "label": "Next",
-                              "event": "NEXT",
-                              "variant": "primary",
-                              "icon": "arrow-right"
-                            }
-                          ]
+                            "name",
+                            "specialty",
+                            "location",
+                            "phone",
+                            "rating",
+                            "available"
+                          ],
+                          "entityId": "@entity.id"
                         }
                       ]
                     }
@@ -1207,21 +1100,114 @@
                 ]
               },
               {
-                "from": "step1",
-                "to": "step2",
-                "event": "NEXT",
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
                 "effects": [
+                  [
+                    "persist",
+                    "update",
+                    "Provider",
+                    "@payload.data"
+                  ],
                   [
                     "fetch",
-                    "Booking"
+                    "Provider"
                   ],
                   [
                     "render-ui",
-                    "main",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "emit",
+                    "PROVIDER_UPDATED"
+                  ],
+                  [
+                    "notify",
+                    "Provider updated successfully"
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "ProviderView",
+          "linkedEntity": "Provider",
+          "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": [
+                  [
+                    "fetch",
+                    "Provider"
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "VIEW",
+                "effects": [
+                  [
+                    "fetch",
+                    "Provider",
+                    "@payload.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
+                      "gap": "md",
                       "children": [
                         {
                           "type": "stack",
@@ -1231,142 +1217,123 @@
                           "children": [
                             {
                               "type": "icon",
-                              "name": "calendar",
-                              "size": "lg"
+                              "name": "eye",
+                              "size": "md"
                             },
                             {
                               "type": "typography",
-                              "content": "Book Appointment",
-                              "variant": "h2"
+                              "variant": "h3",
+                              "content": "@entity.name"
                             }
                           ]
                         },
-                        {
-                          "type": "badge",
-                          "label": "Step 2 of 3"
-                        },
-                        {
-                          "type": "wizard-progress",
-                          "steps": [
-                            "Provider Selection",
-                            "Your Details",
-                            "Date and Time"
-                          ],
-                          "currentStep": 1
-                        },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "content": "Your Details",
-                          "variant": "h3"
-                        },
-                        {
-                          "type": "form-section",
-                          "entity": "Booking",
-                          "mode": "create",
-                          "submitEvent": "NEXT",
-                          "cancelEvent": "PREV",
-                          "fields": [
-                            "customerName",
-                            "customerEmail"
+                          "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": "sm",
-                          "justify": "end",
+                          "gap": "md",
                           "children": [
                             {
-                              "type": "button",
-                              "label": "Back",
-                              "event": "PREV",
-                              "variant": "ghost",
-                              "icon": "arrow-left"
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Specialty"
                             },
                             {
-                              "type": "button",
-                              "label": "Next",
-                              "event": "NEXT",
-                              "variant": "primary",
-                              "icon": "arrow-right"
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.specialty"
                             }
                           ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "step2",
-                "to": "step3",
-                "event": "NEXT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Booking"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "children": [
+                        },
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
+                          "gap": "md",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "calendar",
-                              "size": "lg"
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Location"
                             },
                             {
                               "type": "typography",
-                              "content": "Book Appointment",
-                              "variant": "h2"
+                              "variant": "body",
+                              "content": "@entity.location"
                             }
                           ]
                         },
                         {
-                          "type": "badge",
-                          "label": "Step 3 of 3"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Phone"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.phone"
+                            }
+                          ]
                         },
                         {
-                          "type": "wizard-progress",
-                          "steps": [
-                            "Provider Selection",
-                            "Your Details",
-                            "Date and Time"
-                          ],
-                          "currentStep": 2
-                        },
-                        {
-                          "type": "divider"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Rating"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.rating"
+                            }
+                          ]
                         },
                         {
-                          "type": "typography",
-                          "content": "Date and Time",
-                          "variant": "h3"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Available"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.available"
+                            }
+                          ]
                         },
                         {
-                          "type": "form-section",
-                          "entity": "Booking",
-                          "mode": "create",
-                          "submitEvent": "NEXT",
-                          "cancelEvent": "PREV",
-                          "fields": [
-                            "date",
-                            "time",
-                            "notes"
-                          ]
+                          "type": "divider"
                         },
                         {
                           "type": "stack",
@@ -1376,17 +1343,16 @@
                           "children": [
                             {
                               "type": "button",
-                              "label": "Back",
-                              "event": "PREV",
-                              "variant": "ghost",
-                              "icon": "arrow-left"
+                              "label": "Edit",
+                              "event": "EDIT",
+                              "variant": "primary",
+                              "icon": "edit"
                             },
                             {
                               "type": "button",
-                              "label": "Next",
-                              "event": "NEXT",
-                              "variant": "primary",
-                              "icon": "arrow-right"
+                              "label": "Close",
+                              "event": "CLOSE",
+                              "variant": "ghost"
                             }
                           ]
                         }
@@ -1396,9 +1362,150 @@
                 ]
               },
               {
-                "from": "step3",
-                "to": "review",
-                "event": "NEXT",
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "ProvidersPage",
+          "path": "/providers",
+          "isInitial": true,
+          "traits": [
+            {
+              "ref": "ProviderBrowse"
+            },
+            {
+              "ref": "ProviderCreate"
+            },
+            {
+              "ref": "ProviderEdit"
+            },
+            {
+              "ref": "ProviderView"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "BookingOrbital",
+      "entity": {
+        "name": "Booking",
+        "persistence": "runtime",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "providerName",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "customerName",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "customerEmail",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "date",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "time",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "notes",
+            "type": "string"
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "BookingWizard",
+          "linkedEntity": "Booking",
+          "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",
@@ -1431,8 +1538,9 @@
                           ]
                         },
                         {
-                          "type": "badge",
-                          "label": "Review"
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 0
                         },
                         {
                           "type": "wizard-progress",
@@ -1441,230 +1549,31 @@
                             "Your Details",
                             "Date and Time"
                           ],
-                          "currentStep": 3
+                          "currentStep": 0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "data-list",
+                          "type": "typography",
+                          "content": "Provider Selection",
+                          "variant": "h3"
+                        },
+                        {
+                          "type": "form-section",
                           "entity": "Booking",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "ProviderName"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.providerName"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "CustomerName"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.customerName"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "CustomerEmail"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.customerEmail"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Date"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.date"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Time"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.time"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Notes"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.notes"
-                                    }
-                                  ]
-                                }
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "children": [
-                            {
-                              "type": "button",
-                              "label": "Back",
-                              "event": "PREV",
-                              "variant": "ghost",
-                              "icon": "arrow-left"
-                            },
-                            {
-                              "type": "button",
-                              "label": "Confirm Booking",
-                              "event": "COMPLETE",
-                              "variant": "primary",
-                              "icon": "check"
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "step2",
-                "to": "step1",
-                "event": "PREV",
-                "effects": [
-                  [
-                    "fetch",
-                    "Booking"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "calendar",
-                              "size": "lg"
-                            },
-                            {
-                              "type": "typography",
-                              "content": "Book Appointment",
-                              "variant": "h2"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "badge",
-                          "label": "Step 1 of 3"
-                        },
-                        {
-                          "type": "wizard-progress",
-                          "steps": [
-                            "Provider Selection",
-                            "Your Details",
-                            "Date and Time"
-                          ],
-                          "currentStep": 0
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "typography",
-                          "content": "Provider Selection",
-                          "variant": "h3"
-                        },
-                        {
-                          "type": "form-section",
-                          "entity": "Booking",
-                          "mode": "create",
-                          "submitEvent": "NEXT",
-                          "cancelEvent": "INIT",
-                          "fields": [
-                            "providerName"
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
+                          "mode": "create",
+                          "submitEvent": "NEXT",
+                          "cancelEvent": "INIT",
+                          "fields": [
+                            "providerName"
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
                           "children": [
                             {
                               "type": "button",
@@ -1681,9 +1590,9 @@
                 ]
               },
               {
-                "from": "step3",
+                "from": "step1",
                 "to": "step2",
-                "event": "PREV",
+                "event": "NEXT",
                 "effects": [
                   [
                     "fetch",
@@ -1716,8 +1625,9 @@
                           ]
                         },
                         {
-                          "type": "badge",
-                          "label": "Step 2 of 3"
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 1
                         },
                         {
                           "type": "wizard-progress",
@@ -1775,9 +1685,9 @@
                 ]
               },
               {
-                "from": "review",
+                "from": "step2",
                 "to": "step3",
-                "event": "PREV",
+                "event": "NEXT",
                 "effects": [
                   [
                     "fetch",
@@ -1810,8 +1720,9 @@
                           ]
                         },
                         {
-                          "type": "badge",
-                          "label": "Step 3 of 3"
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 2
                         },
                         {
                           "type": "wizard-progress",
@@ -1870,61 +1781,9 @@
                 ]
               },
               {
-                "from": "review",
-                "to": "complete",
-                "event": "COMPLETE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "Booking",
-                    "@payload.data"
-                  ],
-                  [
-                    "notify",
-                    "success",
-                    "Booking created successfully"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "align": "center",
-                      "children": [
-                        {
-                          "type": "icon",
-                          "name": "check-circle",
-                          "size": "lg"
-                        },
-                        {
-                          "type": "typography",
-                          "content": "Booking Confirmed",
-                          "variant": "h2"
-                        },
-                        {
-                          "type": "typography",
-                          "content": "Your appointment has been booked successfully.",
-                          "variant": "body"
-                        },
-                        {
-                          "type": "button",
-                          "label": "Start New",
-                          "event": "RESTART",
-                          "variant": "primary",
-                          "icon": "refresh-cw"
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "complete",
-                "to": "step1",
-                "event": "RESTART",
+                "from": "step3",
+                "to": "review",
+                "event": "NEXT",
                 "effects": [
                   [
                     "fetch",
@@ -1958,7 +1817,7 @@
                         },
                         {
                           "type": "badge",
-                          "label": "Step 1 of 3"
+                          "label": "Review"
                         },
                         {
                           "type": "wizard-progress",
@@ -1967,15 +1826,203 @@
                             "Your Details",
                             "Date and Time"
                           ],
-                          "currentStep": 0
+                          "currentStep": 3
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "content": "Provider Selection",
-                          "variant": "h3"
+                          "type": "data-list",
+                          "entity": "Booking",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "ProviderName"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@item.providerName"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "CustomerName"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@item.customerName"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "CustomerEmail"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@item.customerEmail"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Date"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@item.date"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Time"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@item.time"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Notes"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@item.notes"
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "wizard-navigation",
+                          "currentStep": 3,
+                          "totalSteps": 4,
+                          "showBack": true,
+                          "showComplete": true,
+                          "showNext": false
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "step2",
+                "to": "step1",
+                "event": "PREV",
+                "effects": [
+                  [
+                    "fetch",
+                    "Booking"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "calendar",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Book Appointment",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 0
+                        },
+                        {
+                          "type": "wizard-progress",
+                          "steps": [
+                            "Provider Selection",
+                            "Your Details",
+                            "Date and Time"
+                          ],
+                          "currentStep": 0
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Provider Selection",
+                          "variant": "h3"
                         },
                         {
                           "type": "form-section",
@@ -2008,9 +2055,9 @@
                 ]
               },
               {
-                "from": "complete",
-                "to": "step1",
-                "event": "INIT",
+                "from": "step3",
+                "to": "step2",
+                "event": "PREV",
                 "effects": [
                   [
                     "fetch",
@@ -2043,8 +2090,9 @@
                           ]
                         },
                         {
-                          "type": "badge",
-                          "label": "Step 1 of 3"
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 1
                         },
                         {
                           "type": "wizard-progress",
@@ -2053,14 +2101,14 @@
                             "Your Details",
                             "Date and Time"
                           ],
-                          "currentStep": 0
+                          "currentStep": 1
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "type": "typography",
-                          "content": "Provider Selection",
+                          "content": "Your Details",
                           "variant": "h3"
                         },
                         {
@@ -2068,9 +2116,10 @@
                           "entity": "Booking",
                           "mode": "create",
                           "submitEvent": "NEXT",
-                          "cancelEvent": "INIT",
+                          "cancelEvent": "PREV",
                           "fields": [
-                            "providerName"
+                            "customerName",
+                            "customerEmail"
                           ]
                         },
                         {
@@ -2079,6 +2128,13 @@
                           "gap": "sm",
                           "justify": "end",
                           "children": [
+                            {
+                              "type": "button",
+                              "label": "Back",
+                              "event": "PREV",
+                              "variant": "ghost",
+                              "icon": "arrow-left"
+                            },
                             {
                               "type": "button",
                               "label": "Next",
@@ -2092,66 +2148,388 @@
                     }
                   ]
                 ]
-              }
-            ]
-          },
-          "listens": [
-            {
-              "event": "BOOK",
-              "triggers": "INIT",
-              "scope": "external"
-            }
-          ],
-          "emits": [
-            {
-              "event": "CONFIRM",
-              "payload": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                }
-              ],
-              "scope": "external"
-            }
-          ]
-        }
-      ],
-      "pages": [
-        {
-          "name": "BookPage",
-          "path": "/book",
-          "traits": [
-            {
-              "ref": "BookingWizard"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "AppointmentOrbital",
-      "entity": {
-        "name": "Appointment",
-        "persistence": "persistent",
-        "collection": "appointments",
-        "fields": [
-          {
-            "name": "id",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "providerName",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "customerName",
-            "type": "string",
-            "required": true
-          },
-          {
+              },
+              {
+                "from": "review",
+                "to": "step3",
+                "event": "PREV",
+                "effects": [
+                  [
+                    "fetch",
+                    "Booking"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "calendar",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Book Appointment",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 2
+                        },
+                        {
+                          "type": "wizard-progress",
+                          "steps": [
+                            "Provider Selection",
+                            "Your Details",
+                            "Date and Time"
+                          ],
+                          "currentStep": 2
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Date and Time",
+                          "variant": "h3"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "Booking",
+                          "mode": "create",
+                          "submitEvent": "NEXT",
+                          "cancelEvent": "PREV",
+                          "fields": [
+                            "date",
+                            "time",
+                            "notes"
+                          ]
+                        },
+                        {
+                          "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": "review",
+                "to": "complete",
+                "event": "COMPLETE",
+                "effects": [
+                  [
+                    "persist",
+                    "create",
+                    "Booking",
+                    "@payload.data"
+                  ],
+                  [
+                    "notify",
+                    "success",
+                    "Booking created successfully"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "icon",
+                          "name": "check-circle",
+                          "size": "lg"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Booking Confirmed",
+                          "variant": "h2"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Your appointment has been booked successfully.",
+                          "variant": "body"
+                        },
+                        {
+                          "type": "button",
+                          "label": "Start New",
+                          "event": "RESTART",
+                          "variant": "primary",
+                          "icon": "refresh-cw"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "complete",
+                "to": "step1",
+                "event": "RESTART",
+                "effects": [
+                  [
+                    "fetch",
+                    "Booking"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "calendar",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Book Appointment",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 0
+                        },
+                        {
+                          "type": "wizard-progress",
+                          "steps": [
+                            "Provider Selection",
+                            "Your Details",
+                            "Date and Time"
+                          ],
+                          "currentStep": 0
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Provider Selection",
+                          "variant": "h3"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "Booking",
+                          "mode": "create",
+                          "submitEvent": "NEXT",
+                          "cancelEvent": "INIT",
+                          "fields": [
+                            "providerName"
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Next",
+                              "event": "NEXT",
+                              "variant": "primary",
+                              "icon": "arrow-right"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "complete",
+                "to": "step1",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Booking"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "calendar",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Book Appointment",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "progress-dots",
+                          "count": 3,
+                          "currentIndex": 0
+                        },
+                        {
+                          "type": "wizard-progress",
+                          "steps": [
+                            "Provider Selection",
+                            "Your Details",
+                            "Date and Time"
+                          ],
+                          "currentStep": 0
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Provider Selection",
+                          "variant": "h3"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "Booking",
+                          "mode": "create",
+                          "submitEvent": "NEXT",
+                          "cancelEvent": "INIT",
+                          "fields": [
+                            "providerName"
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Next",
+                              "event": "NEXT",
+                              "variant": "primary",
+                              "icon": "arrow-right"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              }
+            ]
+          },
+          "listens": [
+            {
+              "event": "BOOK",
+              "triggers": "INIT",
+              "scope": "external"
+            }
+          ],
+          "emits": [
+            {
+              "event": "CONFIRM",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                }
+              ],
+              "scope": "external"
+            }
+          ]
+        }
+      ],
+      "pages": [
+        {
+          "name": "BookPage",
+          "path": "/book",
+          "traits": [
+            {
+              "ref": "BookingWizard"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "AppointmentOrbital",
+      "entity": {
+        "name": "Appointment",
+        "persistence": "persistent",
+        "collection": "appointments",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "providerName",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "customerName",
+            "type": "string",
+            "required": true
+          },
+          {
             "name": "date",
             "type": "string",
             "required": true
@@ -2223,68 +2601,449 @@
                 ]
               },
               {
-                "key": "EDIT",
-                "name": "EDIT",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
+                "key": "EDIT",
+                "name": "EDIT",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "DELETE",
+                "name": "DELETE",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "APPOINTMENT_CREATED",
+                "name": "APPOINTMENT_CREATED",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "APPOINTMENT_UPDATED",
+                "name": "APPOINTMENT_UPDATED",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CONFIRM_DELETE",
+                "name": "Confirm Delete"
+              },
+              {
+                "key": "CANCEL",
+                "name": "Cancel"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Appointment"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "clock",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Appointments",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Appointment",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "Appointment",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No appointments yet",
+                          "emptyDescription": "Create your first appointment to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "clock",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.providerName"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.customerName"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.date"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "APPOINTMENT_CREATED",
+                "effects": [
+                  [
+                    "fetch",
+                    "Appointment"
+                  ]
                 ]
               },
               {
-                "key": "DELETE",
-                "name": "DELETE",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
+                "from": "browsing",
+                "to": "browsing",
+                "event": "APPOINTMENT_UPDATED",
+                "effects": [
+                  [
+                    "fetch",
+                    "Appointment"
+                  ]
                 ]
               },
               {
-                "key": "APPOINTMENT_CREATED",
-                "name": "APPOINTMENT_CREATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
+                "from": "browsing",
+                "to": "deleting",
+                "event": "DELETE",
+                "effects": [
+                  [
+                    "fetch",
+                    "Appointment",
+                    "@payload.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "trash-2",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Delete Appointment",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Are you sure you want to delete this appointment?",
+                          "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"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
                 ]
               },
               {
-                "key": "APPOINTMENT_UPDATED",
-                "name": "APPOINTMENT_UPDATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
+                "from": "deleting",
+                "to": "browsing",
+                "event": "CONFIRM_DELETE",
+                "effects": [
+                  [
+                    "persist",
+                    "delete",
+                    "Appointment",
+                    "@entity.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "fetch",
+                    "Appointment"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "clock",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Appointments",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Appointment",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "Appointment",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No appointments yet",
+                          "emptyDescription": "Create your first appointment to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "clock",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.providerName"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.customerName"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.date"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ],
+                  [
+                    "notify",
+                    "Appointment deleted successfully"
+                  ]
                 ]
               },
               {
-                "key": "CONFIRM_DELETE",
-                "name": "Confirm Delete"
-              },
-              {
-                "key": "CANCEL",
-                "name": "Cancel"
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
-              }
-            ],
-            "transitions": [
-              {
-                "from": "browsing",
+                "from": "deleting",
                 "to": "browsing",
-                "event": "INIT",
+                "event": "CANCEL",
                 "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
                   [
                     "fetch",
                     "Appointment"
@@ -2362,7 +3121,9 @@
                             }
                           ],
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "vertical",
@@ -2388,13 +3149,13 @@
                                         {
                                           "type": "typography",
                                           "variant": "h4",
-                                          "content": "@entity.providerName"
+                                          "content": "@item.providerName"
                                         }
                                       ]
                                     },
                                     {
                                       "type": "badge",
-                                      "label": "@entity.customerName"
+                                      "label": "@item.customerName"
                                     }
                                   ]
                                 },
@@ -2402,7 +3163,7 @@
                                   "type": "typography",
                                   "variant": "caption",
                                   "color": "muted",
-                                  "content": "@entity.date"
+                                  "content": "@item.date"
                                 }
                               ]
                             }
@@ -2414,59 +3175,64 @@
                 ]
               },
               {
-                "from": "browsing",
+                "from": "deleting",
                 "to": "browsing",
-                "event": "APPOINTMENT_CREATED",
+                "event": "CLOSE",
                 "effects": [
                   [
-                    "fetch",
-                    "Appointment"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "APPOINTMENT_UPDATED",
-                "effects": [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
                   [
                     "fetch",
                     "Appointment"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "deleting",
-                "event": "DELETE",
-                "effects": [
-                  [
-                    "fetch",
-                    "Appointment",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
-                    "modal",
+                    "main",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "gap": "md",
+                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "trash-2",
-                              "size": "md"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "clock",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Appointments",
+                                  "variant": "h2"
+                                }
+                              ]
                             },
                             {
-                              "type": "typography",
-                              "content": "Delete Appointment",
-                              "variant": "h3"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Appointment",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
                             }
                           ]
                         },
@@ -2474,28 +3240,72 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "content": "Are you sure you want to delete this appointment?",
-                          "variant": "body"
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "children": [
+                          "type": "data-grid",
+                          "entity": "Appointment",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No appointments yet",
+                          "emptyDescription": "Create your first appointment to get started.",
+                          "itemActions": [
                             {
-                              "type": "button",
-                              "label": "Cancel",
-                              "event": "CANCEL",
-                              "variant": "ghost"
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
                             },
                             {
-                              "type": "button",
                               "label": "Delete",
-                              "event": "CONFIRM_DELETE",
-                              "variant": "danger",
-                              "icon": "trash"
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "clock",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.providerName"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.customerName"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.date"
+                                }
+                              ]
                             }
                           ]
                         }
@@ -2503,56 +3313,6 @@
                     }
                   ]
                 ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CONFIRM_DELETE",
-                "effects": [
-                  [
-                    "persist",
-                    "delete",
-                    "Appointment",
-                    "@entity.id"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "fetch",
-                    "Appointment"
-                  ],
-                  [
-                    "notify",
-                    "Appointment deleted successfully"
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CANCEL",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
               }
             ]
           }
@@ -3254,100 +4014,60 @@
                               "icon": "refresh-cw"
                             }
                           ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "simple-grid",
-                          "columns": 4,
-                          "children": [
-                            {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "TotalBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.totalBookings"
-                                    }
-                                  ]
-                                }
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "simple-grid",
+                          "columns": 4,
+                          "children": [
+                            {
+                              "type": "stat-display",
+                              "label": "TotalBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "totalBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "ConfirmedToday"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.confirmedToday"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "ConfirmedToday",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "confirmedToday"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "PendingBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.pendingBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "PendingBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "pendingBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "AvailableSlots"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.availableSlots"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "AvailableSlots",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "availableSlots"
                               ]
                             }
                           ]
@@ -3414,91 +4134,51 @@
                           "columns": 4,
                           "children": [
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "TotalBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.totalBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "TotalBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "totalBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "ConfirmedToday"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.confirmedToday"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "ConfirmedToday",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "confirmedToday"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "PendingBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.pendingBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "PendingBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "pendingBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "AvailableSlots"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.availableSlots"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "AvailableSlots",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "availableSlots"
                               ]
                             }
                           ]
@@ -3565,91 +4245,51 @@
                           "columns": 4,
                           "children": [
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "TotalBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.totalBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "TotalBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "totalBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "ConfirmedToday"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.confirmedToday"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "ConfirmedToday",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "confirmedToday"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "PendingBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.pendingBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "PendingBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "pendingBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "AvailableSlots"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.availableSlots"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "AvailableSlots",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "availableSlots"
                               ]
                             }
                           ]
@@ -3716,91 +4356,51 @@
                           "columns": 4,
                           "children": [
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "TotalBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.totalBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "TotalBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "totalBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "ConfirmedToday"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.confirmedToday"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "ConfirmedToday",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "confirmedToday"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "PendingBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.pendingBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "PendingBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "pendingBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "AvailableSlots"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.availableSlots"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "AvailableSlots",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "availableSlots"
                               ]
                             }
                           ]
@@ -3867,91 +4467,51 @@
                           "columns": 4,
                           "children": [
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "TotalBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.totalBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "TotalBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "totalBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "ConfirmedToday"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.confirmedToday"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "ConfirmedToday",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "confirmedToday"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "PendingBookings"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.pendingBookings"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "PendingBookings",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "pendingBookings"
                               ]
                             },
                             {
-                              "type": "card",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "vertical",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "AvailableSlots"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "h3",
-                                      "content": "@entity.availableSlots"
-                                    }
-                                  ]
-                                }
+                              "type": "stat-display",
+                              "label": "AvailableSlots",
+                              "value": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "availableSlots"
                               ]
                             }
                           ]