npm - @almadar/std - Versions diffs - 5.0.0 → 5.2.0 - Mend

@almadar/std 5.0.0 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (421) hide show

package/behaviors/exports/molecules/std-list.orb CHANGED Viewed

@@ -1,8 +1,24 @@
 {
-  "name": "ListItemOrbital",
+  "name": "std-list",
+  "version": "1.0.0",
+  "description": "CRUD list molecule. Composes atoms via shared event bus: - stdBrowse: data-grid with item actions (fires CREATE, VIEW, EDIT, DELETE) - stdModal (x3): create form, edit form, detail view (responds to matching events) - stdConfirmation: delete confirmation (responds to DELETE → CONFIRM_DELETE)",
   "orbitals": [
     {
       "name": "ListItemOrbital",
+      "uses": [
+        {
+          "from": "std/behaviors/std-browse",
+          "as": "Browse"
+        },
+        {
+          "from": "std/behaviors/std-confirmation",
+          "as": "Confirmation"
+        },
+        {
+          "from": "std/behaviors/std-modal",
+          "as": "Modal"
+        }
+      ],
       "entity": {
         "name": "ListItem",
         "persistence": "persistent",
@@ -38,1270 +54,622 @@
       },
       "traits": [
         {
+          "ref": "Browse.traits.BrowseItemBrowse",
           "name": "ListItemBrowse",
           "linkedEntity": "ListItem",
-          "category": "interaction",
-          "listens": [
-            {
-              "event": "LIST_ITEM_CREATED",
-              "triggers": "LIST_ITEM_CREATED"
-            },
-            {
-              "event": "LIST_ITEM_UPDATED",
-              "triggers": "LIST_ITEM_UPDATED"
-            }
-          ],
-          "stateMachine": {
-            "states": [
-              {
-                "name": "browsing",
-                "isInitial": true
-              },
-              {
-                "name": "deleting"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "key": "CREATE",
-                "name": "CREATE"
-              },
-              {
-                "key": "VIEW",
-                "name": "VIEW",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "object"
-                  }
-                ]
-              },
-              {
-                "key": "EDIT",
-                "name": "EDIT",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "object"
-                  }
-                ]
-              },
-              {
-                "key": "DELETE",
-                "name": "DELETE",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "object"
-                  }
-                ]
-              },
-              {
-                "key": "LIST_ITEM_CREATED",
-                "name": "LIST_ITEM_CREATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "LIST_ITEM_UPDATED",
-                "name": "LIST_ITEM_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": [
-                  [
-                    "ref",
-                    "ListItem"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-5xl mx-auto w-full",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
-                          "align": "center",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "list",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "ListItems",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "button",
-                                  "label": "Create ListItem",
-                                  "event": "CREATE",
-                                  "variant": "primary",
-                                  "icon": "plus"
-                                }
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "data-grid",
-                          "entity": "ListItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No listitems yet",
-                          "emptyDescription": "Create your first listitem to get started.",
-                          "itemActions": [
-                            {
-                              "label": "View",
-                              "event": "VIEW",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Delete",
-                              "event": "DELETE",
-                              "variant": "danger",
-                              "size": "sm"
-                            }
-                          ],
-                          "columns": [
-                            {
-                              "name": "name",
-                              "label": "Name",
-                              "variant": "h4",
-                              "icon": "list"
-                            },
-                            {
-                              "name": "description",
-                              "label": "Description",
-                              "variant": "badge",
-                              "colorMap": {
-                                "active": "success",
-                                "completed": "success",
-                                "done": "success",
-                                "pending": "warning",
-                                "draft": "warning",
-                                "scheduled": "warning",
-                                "inactive": "neutral",
-                                "archived": "neutral",
-                                "disabled": "neutral",
-                                "error": "destructive",
-                                "cancelled": "destructive",
-                                "failed": "destructive"
-                              }
-                            },
-                            {
-                              "name": "status",
-                              "label": "Status",
-                              "variant": "caption"
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "LIST_ITEM_CREATED",
-                "effects": [
-                  [
-                    "ref",
-                    "ListItem"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "LIST_ITEM_UPDATED",
-                "effects": [
-                  [
-                    "ref",
-                    "ListItem"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "deleting",
-                "event": "DELETE",
-                "effects": [
-                  [
-                    "fetch",
-                    "ListItem",
-                    {
-                      "id": "@payload.id"
-                    }
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "ListItem"
+              ],
+              [
+                "render-ui",
+                "main",
+                {
+                  "type": "stack",
+                  "direction": "vertical",
+                  "gap": "lg",
+                  "className": "max-w-5xl mx-auto w-full",
+                  "children": [
                     {
                       "type": "stack",
-                      "direction": "vertical",
+                      "direction": "horizontal",
                       "gap": "md",
+                      "justify": "space-between",
+                      "align": "center",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "trash-2",
-                              "size": "md"
+                              "name": "list",
+                              "size": "lg"
                             },
                             {
                               "type": "typography",
-                              "content": "Delete ListItem",
-                              "variant": "h3"
+                              "content": "ListItems",
+                              "variant": "h2"
                             }
                           ]
                         },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "typography",
-                          "content": "@entity.name",
-                          "variant": "h4"
-                        },
-                        {
-                          "type": "typography",
-                          "content": "This action cannot be undone.",
-                          "variant": "body"
-                        },
                         {
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "justify": "end",
                           "children": [
                             {
                               "type": "button",
-                              "label": "Cancel",
-                              "event": "CANCEL",
-                              "variant": "ghost"
-                            },
-                            {
-                              "type": "button",
-                              "label": "Delete",
-                              "event": "CONFIRM_DELETE",
-                              "variant": "danger",
-                              "icon": "trash"
+                              "label": "Create ListItem",
+                              "event": "CREATE",
+                              "variant": "primary",
+                              "icon": "plus"
                             }
                           ]
                         }
                       ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CONFIRM_DELETE",
-                "effects": [
-                  [
-                    "persist",
-                    "delete",
-                    "ListItem",
-                    "@entity.id"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "render-ui",
-                    "main",
+                    },
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-5xl mx-auto w-full",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
-                          "align": "center",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "list",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "ListItems",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "button",
-                                  "label": "Create ListItem",
-                                  "event": "CREATE",
-                                  "variant": "primary",
-                                  "icon": "plus"
-                                }
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "data-grid",
-                          "entity": "ListItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No listitems yet",
-                          "emptyDescription": "Create your first listitem to get started.",
-                          "itemActions": [
-                            {
-                              "label": "View",
-                              "event": "VIEW",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Delete",
-                              "event": "DELETE",
-                              "variant": "danger",
-                              "size": "sm"
-                            }
-                          ],
-                          "columns": [
-                            {
-                              "name": "name",
-                              "label": "Name",
-                              "variant": "h4",
-                              "icon": "list"
-                            },
-                            {
-                              "name": "description",
-                              "label": "Description",
-                              "variant": "badge",
-                              "colorMap": {
-                                "active": "success",
-                                "completed": "success",
-                                "done": "success",
-                                "pending": "warning",
-                                "draft": "warning",
-                                "scheduled": "warning",
-                                "inactive": "neutral",
-                                "archived": "neutral",
-                                "disabled": "neutral",
-                                "error": "destructive",
-                                "cancelled": "destructive",
-                                "failed": "destructive"
-                              }
-                            },
-                            {
-                              "name": "status",
-                              "label": "Status",
-                              "variant": "caption"
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ],
-                  [
-                    "notify",
-                    "ListItem deleted successfully"
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CANCEL",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "fetch",
-                    "ListItem"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
+                      "type": "divider"
+                    },
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-5xl mx-auto w-full",
-                      "children": [
+                      "type": "data-grid",
+                      "entity": "ListItem",
+                      "emptyIcon": "inbox",
+                      "emptyTitle": "No listitems yet",
+                      "emptyDescription": "Create your first listitem to get started.",
+                      "itemActions": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
-                          "align": "center",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "list",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "ListItems",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "button",
-                                  "label": "Create ListItem",
-                                  "event": "CREATE",
-                                  "variant": "primary",
-                                  "icon": "plus"
-                                }
-                              ]
-                            }
-                          ]
+                          "label": "View",
+                          "event": "VIEW",
+                          "variant": "ghost",
+                          "size": "sm"
                         },
                         {
-                          "type": "divider"
+                          "label": "Edit",
+                          "event": "EDIT",
+                          "variant": "ghost",
+                          "size": "sm"
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "ListItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No listitems yet",
-                          "emptyDescription": "Create your first listitem to get started.",
-                          "itemActions": [
-                            {
-                              "label": "View",
-                              "event": "VIEW",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Delete",
-                              "event": "DELETE",
-                              "variant": "danger",
-                              "size": "sm"
-                            }
-                          ],
-                          "columns": [
-                            {
-                              "name": "name",
-                              "label": "Name",
-                              "variant": "h4",
-                              "icon": "list"
-                            },
-                            {
-                              "name": "description",
-                              "label": "Description",
-                              "variant": "badge",
-                              "colorMap": {
-                                "active": "success",
-                                "completed": "success",
-                                "done": "success",
-                                "pending": "warning",
-                                "draft": "warning",
-                                "scheduled": "warning",
-                                "inactive": "neutral",
-                                "archived": "neutral",
-                                "disabled": "neutral",
-                                "error": "destructive",
-                                "cancelled": "destructive",
-                                "failed": "destructive"
-                              }
-                            },
-                            {
-                              "name": "status",
-                              "label": "Status",
-                              "variant": "caption"
-                            }
-                          ]
+                          "label": "Delete",
+                          "event": "DELETE",
+                          "variant": "danger",
+                          "size": "sm"
                         }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "fetch",
-                    "ListItem"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
-                      "className": "max-w-5xl mx-auto w-full",
-                      "children": [
+                      ],
+                      "columns": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
-                          "align": "center",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "list",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "ListItems",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "button",
-                                  "label": "Create ListItem",
-                                  "event": "CREATE",
-                                  "variant": "primary",
-                                  "icon": "plus"
-                                }
-                              ]
-                            }
-                          ]
+                          "name": "name",
+                          "label": "Name",
+                          "variant": "h4",
+                          "icon": "list"
                         },
                         {
-                          "type": "divider"
+                          "name": "description",
+                          "label": "Description",
+                          "variant": "badge",
+                          "colorMap": {
+                            "active": "success",
+                            "completed": "success",
+                            "done": "success",
+                            "pending": "warning",
+                            "draft": "warning",
+                            "scheduled": "warning",
+                            "inactive": "neutral",
+                            "archived": "neutral",
+                            "disabled": "neutral",
+                            "error": "destructive",
+                            "cancelled": "destructive",
+                            "failed": "destructive"
+                          }
                         },
                         {
-                          "type": "data-grid",
-                          "entity": "ListItem",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No listitems yet",
-                          "emptyDescription": "Create your first listitem to get started.",
-                          "itemActions": [
-                            {
-                              "label": "View",
-                              "event": "VIEW",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "ghost",
-                              "size": "sm"
-                            },
-                            {
-                              "label": "Delete",
-                              "event": "DELETE",
-                              "variant": "danger",
-                              "size": "sm"
-                            }
-                          ],
-                          "columns": [
-                            {
-                              "name": "name",
-                              "label": "Name",
-                              "variant": "h4",
-                              "icon": "list"
-                            },
-                            {
-                              "name": "description",
-                              "label": "Description",
-                              "variant": "badge",
-                              "colorMap": {
-                                "active": "success",
-                                "completed": "success",
-                                "done": "success",
-                                "pending": "warning",
-                                "draft": "warning",
-                                "scheduled": "warning",
-                                "inactive": "neutral",
-                                "archived": "neutral",
-                                "disabled": "neutral",
-                                "error": "destructive",
-                                "cancelled": "destructive",
-                                "failed": "destructive"
-                              }
-                            },
-                            {
-                              "name": "status",
-                              "label": "Status",
-                              "variant": "caption"
-                            }
-                          ]
+                          "name": "status",
+                          "label": "Status",
+                          "variant": "caption"
                         }
                       ]
                     }
                   ]
-                ]
-              }
+                }
+              ]
             ]
           }
         },
         {
+          "ref": "Modal.traits.ModalRecordModal",
           "name": "ListItemCreate",
           "linkedEntity": "ListItem",
-          "category": "interaction",
-          "emits": [
-            {
-              "event": "LIST_ITEM_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
-                  }
-                ]
-              }
+          "events": {
+            "OPEN": "CREATE"
+          },
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "ListItem"
+              ]
             ],
-            "transitions": [
-              {
-                "from": "closed",
-                "to": "closed",
-                "event": "INIT",
-                "effects": [
-                  [
-                    "ref",
-                    "ListItem"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "fetch",
-                    "ListItem"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
+            "CREATE": [
+              [
+                "fetch",
+                "ListItem"
+              ],
+              [
+                "render-ui",
+                "modal",
+                {
+                  "type": "stack",
+                  "direction": "vertical",
+                  "gap": "md",
+                  "children": [
                     {
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
+                      "direction": "horizontal",
+                      "gap": "sm",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "plus-circle",
-                              "size": "md"
-                            },
-                            {
-                              "type": "typography",
-                              "content": "Create ListItem",
-                              "variant": "h3"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
+                          "type": "icon",
+                          "name": "plus-circle",
+                          "size": "md"
                         },
                         {
-                          "type": "form-section",
-                          "entity": "ListItem",
-                          "mode": "create",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "name",
-                            "description",
-                            "status"
-                          ]
+                          "type": "typography",
+                          "content": "Create ListItem",
+                          "variant": "h3"
                         }
                       ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "form-section",
+                      "entity": "ListItem",
+                      "mode": "create",
+                      "submitEvent": "SAVE",
+                      "cancelEvent": "CLOSE",
+                      "fields": [
+                        "name",
+                        "description",
+                        "status"
+                      ]
                     }
                   ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "notify",
-                    "Cancelled",
-                    "info"
-                  ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "SAVE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "ListItem",
-                    "@payload.data"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "emit",
-                    "LIST_ITEM_CREATED"
-                  ],
-                  [
-                    "notify",
-                    "ListItem created successfully"
-                  ]
-                ]
-              }
+                }
+              ]
+            ],
+            "CLOSE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "notify",
+                "Cancelled",
+                "info"
+              ]
+            ],
+            "SAVE": [
+              [
+                "persist",
+                "create",
+                "ListItem",
+                "@payload.data"
+              ],
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "emit",
+                "LIST_ITEM_CREATED"
+              ]
             ]
           }
         },
         {
+          "ref": "Modal.traits.ModalRecordModal",
           "name": "ListItemEdit",
           "linkedEntity": "ListItem",
-          "category": "interaction",
-          "emits": [
-            {
-              "event": "LIST_ITEM_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
-                  }
-                ]
-              }
+          "events": {
+            "OPEN": "EDIT"
+          },
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "ListItem"
+              ]
             ],
-            "transitions": [
-              {
-                "from": "closed",
-                "to": "closed",
-                "event": "INIT",
-                "effects": [
-                  [
-                    "ref",
-                    "ListItem"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "EDIT",
-                "effects": [
-                  [
-                    "fetch",
-                    "ListItem",
-                    {
-                      "id": "@payload.id"
-                    }
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
+            "EDIT": [
+              [
+                "fetch",
+                "ListItem",
+                {
+                  "id": "@payload.id"
+                }
+              ],
+              [
+                "render-ui",
+                "modal",
+                {
+                  "type": "stack",
+                  "direction": "vertical",
+                  "gap": "md",
+                  "children": [
                     {
                       "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
+                      "direction": "horizontal",
+                      "gap": "sm",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "edit",
-                              "size": "md"
-                            },
-                            {
-                              "type": "typography",
-                              "content": "Edit ListItem",
-                              "variant": "h3"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
+                          "type": "icon",
+                          "name": "edit",
+                          "size": "md"
                         },
                         {
-                          "type": "form-section",
-                          "entity": "ListItem",
-                          "mode": "edit",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "name",
-                            "description",
-                            "status"
-                          ],
-                          "entityId": "@entity.id"
+                          "type": "typography",
+                          "content": "Edit ListItem",
+                          "variant": "h3"
                         }
                       ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "form-section",
+                      "entity": "ListItem",
+                      "mode": "edit",
+                      "submitEvent": "SAVE",
+                      "cancelEvent": "CLOSE",
+                      "fields": [
+                        "name",
+                        "description",
+                        "status"
+                      ],
+                      "entityId": "@entity.id"
                     }
                   ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "notify",
-                    "Cancelled",
-                    "info"
-                  ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "SAVE",
-                "effects": [
-                  [
-                    "persist",
-                    "update",
-                    "ListItem",
-                    "@payload.data"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "emit",
-                    "LIST_ITEM_UPDATED"
-                  ],
-                  [
-                    "notify",
-                    "ListItem updated successfully"
-                  ]
-                ]
-              }
+                }
+              ]
+            ],
+            "CLOSE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "notify",
+                "Cancelled",
+                "info"
+              ]
+            ],
+            "SAVE": [
+              [
+                "persist",
+                "update",
+                "ListItem",
+                "@payload.data"
+              ],
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "emit",
+                "LIST_ITEM_UPDATED"
+              ]
             ]
           }
         },
         {
+          "ref": "Modal.traits.ModalRecordModal",
           "name": "ListItemView",
           "linkedEntity": "ListItem",
-          "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"
-              }
+          "events": {
+            "OPEN": "VIEW"
+          },
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "ListItem"
+              ]
             ],
-            "transitions": [
-              {
-                "from": "closed",
-                "to": "closed",
-                "event": "INIT",
-                "effects": [
-                  [
-                    "ref",
-                    "ListItem"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "VIEW",
-                "effects": [
-                  [
-                    "fetch",
-                    "ListItem",
+            "VIEW": [
+              [
+                "fetch",
+                "ListItem",
+                {
+                  "id": "@payload.id"
+                }
+              ],
+              [
+                "render-ui",
+                "modal",
+                {
+                  "type": "stack",
+                  "direction": "vertical",
+                  "gap": "md",
+                  "children": [
                     {
-                      "id": "@payload.id"
-                    }
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "icon",
+                          "name": "eye",
+                          "size": "md"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h3",
+                          "content": "@entity.name"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "divider"
+                    },
                     {
                       "type": "stack",
-                      "direction": "vertical",
+                      "direction": "horizontal",
                       "gap": "md",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "eye",
-                              "size": "md"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "h3",
-                              "content": "@entity.name"
-                            }
-                          ]
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Name"
                         },
                         {
-                          "type": "divider"
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@entity.name"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Description"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Name"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.name"
-                            }
-                          ]
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@entity.description"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Status"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Description"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.description"
-                            }
-                          ]
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@entity.status"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Created At"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Status"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.status"
-                            }
-                          ]
+                          "type": "typography",
+                          "variant": "body",
+                          "content": "@entity.createdAt"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "justify": "end",
+                      "children": [
+                        {
+                          "type": "button",
+                          "label": "Edit",
+                          "event": "EDIT",
+                          "variant": "primary",
+                          "icon": "edit"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Created At"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.createdAt"
-                            }
-                          ]
+                          "type": "button",
+                          "label": "Close",
+                          "event": "CLOSE",
+                          "variant": "ghost"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            ],
+            "CLOSE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "notify",
+                "Cancelled",
+                "info"
+              ]
+            ],
+            "SAVE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ]
+            ]
+          }
+        },
+        {
+          "ref": "Confirmation.traits.ConfirmActionConfirmation",
+          "name": "ListItemDelete",
+          "linkedEntity": "ListItem",
+          "events": {
+            "REQUEST": "DELETE",
+            "CONFIRM": "CONFIRM_DELETE"
+          },
+          "effects": {
+            "INIT": [
+              [
+                "ref",
+                "ListItem"
+              ]
+            ],
+            "DELETE": [
+              [
+                "set",
+                "@entity.pendingId",
+                "@payload.id"
+              ],
+              [
+                "fetch",
+                "ListItem",
+                {
+                  "id": "@payload.id"
+                }
+              ],
+              [
+                "render-ui",
+                "modal",
+                {
+                  "type": "stack",
+                  "direction": "vertical",
+                  "gap": "md",
+                  "children": [
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "icon",
+                          "name": "alert-triangle",
+                          "size": "md"
                         },
                         {
-                          "type": "divider"
+                          "type": "typography",
+                          "content": "Delete ListItem",
+                          "variant": "h3"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "divider"
+                    },
+                    {
+                      "type": "alert",
+                      "variant": "danger",
+                      "message": "This action cannot be undone."
+                    },
+                    {
+                      "type": "stack",
+                      "direction": "horizontal",
+                      "gap": "sm",
+                      "justify": "end",
+                      "children": [
+                        {
+                          "type": "button",
+                          "label": "Cancel",
+                          "event": "CANCEL",
+                          "variant": "ghost"
                         },
                         {
-                          "type": "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": "button",
+                          "label": "Delete",
+                          "event": "CONFIRM_DELETE",
+                          "variant": "danger",
+                          "icon": "check"
                         }
                       ]
                     }
                   ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "notify",
-                    "Cancelled",
-                    "info"
-                  ]
-                ]
-              }
+                }
+              ]
+            ],
+            "CONFIRM_DELETE": [
+              [
+                "persist",
+                "delete",
+                "ListItem",
+                "@entity.pendingId"
+              ],
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "ref",
+                "ListItem"
+              ],
+              [
+                "emit",
+                "LIST_ITEM_DELETED"
+              ]
+            ],
+            "CANCEL": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "ref",
+                "ListItem"
+              ]
+            ],
+            "CLOSE": [
+              [
+                "render-ui",
+                "modal",
+                null
+              ],
+              [
+                "ref",
+                "ListItem"
+              ]
             ]
           }
         }
@@ -1322,11 +690,13 @@
             },
             {
               "ref": "ListItemView"
+            },
+            {
+              "ref": "ListItemDelete"
             }
           ]
         }
       ]
     }
-  ],
-  "description": "CRUD list molecule. Composes atoms via shared event bus: - stdBrowse: data-grid with item actions (fires CREATE, VIEW, EDIT, DELETE) - stdModal (x3): create form, edit form, detail view (responds to matching events) - stdConfirmation: delete confirmation (responds to DELETE) No emits/listens wiring. Traits on the same page share the event bus. Only the trait with a matching transition from its current state responds."
-}
+  ]
+}