@almadar/std 3.1.0 → 3.1.1

package/dist/behaviors/exports/organisms/std-platformer-app.orb

@@ -0,0 +1,1569 @@
+{
+  "name": "Platformer App",
+  "version": "1.0.0",
+  "orbitals": [
+    {
+      "name": "PlatLevelOrbital",
+      "entity": {
+        "name": "PlatLevel",
+        "persistence": "runtime",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "level",
+            "type": "number",
+            "default": 1
+          },
+          {
+            "name": "score",
+            "type": "number",
+            "default": 0
+          },
+          {
+            "name": "lives",
+            "type": "number",
+            "default": 3
+          },
+          {
+            "name": "time",
+            "type": "number",
+            "default": 0
+          },
+          {
+            "name": "player",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "platforms",
+            "type": "string",
+            "default": ""
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "PlatLevelPlatformerFlow",
+          "linkedEntity": "PlatLevel",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "menu",
+                "isInitial": true
+              },
+              {
+                "name": "playing"
+              },
+              {
+                "name": "paused"
+              },
+              {
+                "name": "gameover"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "START",
+                "name": "Start Game"
+              },
+              {
+                "key": "LEFT",
+                "name": "Move Left"
+              },
+              {
+                "key": "RIGHT",
+                "name": "Move Right"
+              },
+              {
+                "key": "JUMP",
+                "name": "Jump"
+              },
+              {
+                "key": "STOP",
+                "name": "Stop"
+              },
+              {
+                "key": "PAUSE",
+                "name": "Pause"
+              },
+              {
+                "key": "RESUME",
+                "name": "Resume"
+              },
+              {
+                "key": "GAME_OVER",
+                "name": "Game Over"
+              },
+              {
+                "key": "RESTART",
+                "name": "Restart"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              },
+              {
+                "key": "NAVIGATE",
+                "name": "Navigate"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "menu",
+                "to": "menu",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "PlatLevel"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "game-menu",
+                      "title": "Platformer",
+                      "subtitle": "Side-Scrolling Adventure",
+                      "menuItems": [
+                        {
+                          "label": "Start Game",
+                          "event": "START",
+                          "variant": "primary"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "menu",
+                "to": "playing",
+                "event": "START",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "platformer-canvas",
+                      "canvasWidth": 800,
+                      "canvasHeight": 400,
+                      "worldWidth": 2400,
+                      "worldHeight": 400,
+                      "followCamera": true,
+                      "bgColor": "#1a1a2e",
+                      "leftEvent": "LEFT",
+                      "rightEvent": "RIGHT",
+                      "jumpEvent": "JUMP",
+                      "stopEvent": "STOP"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "playing",
+                "to": "playing",
+                "event": "LEFT",
+                "effects": []
+              },
+              {
+                "from": "playing",
+                "to": "playing",
+                "event": "RIGHT",
+                "effects": []
+              },
+              {
+                "from": "playing",
+                "to": "playing",
+                "event": "JUMP",
+                "effects": []
+              },
+              {
+                "from": "playing",
+                "to": "playing",
+                "event": "STOP",
+                "effects": []
+              },
+              {
+                "from": "menu",
+                "to": "menu",
+                "event": "NAVIGATE",
+                "effects": []
+              },
+              {
+                "from": "paused",
+                "to": "paused",
+                "event": "NAVIGATE",
+                "effects": []
+              },
+              {
+                "from": "playing",
+                "to": "paused",
+                "event": "PAUSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "game-menu",
+                      "title": "Paused",
+                      "menuItems": [
+                        {
+                          "label": "Resume",
+                          "event": "RESUME",
+                          "variant": "primary"
+                        },
+                        {
+                          "label": "Quit",
+                          "event": "RESTART",
+                          "variant": "ghost"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "paused",
+                "to": "playing",
+                "event": "RESUME",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              },
+              {
+                "from": "paused",
+                "to": "playing",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              },
+              {
+                "from": "playing",
+                "to": "gameover",
+                "event": "GAME_OVER",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "game-over-screen",
+                      "title": "Game Over",
+                      "stats": [
+                        {
+                          "label": "Score",
+                          "value": "@entity.score"
+                        },
+                        {
+                          "label": "Lives",
+                          "value": "@entity.lives"
+                        }
+                      ],
+                      "menuItems": [
+                        {
+                          "label": "Play Again",
+                          "event": "RESTART",
+                          "variant": "primary"
+                        },
+                        {
+                          "label": "Main Menu",
+                          "event": "RESTART",
+                          "variant": "secondary"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "gameover",
+                "to": "menu",
+                "event": "RESTART",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "game-menu",
+                      "title": "Platformer",
+                      "subtitle": "Side-Scrolling Adventure",
+                      "menuItems": [
+                        {
+                          "label": "Start Game",
+                          "event": "START",
+                          "variant": "primary"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "paused",
+                "to": "menu",
+                "event": "RESTART",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "game-menu",
+                      "title": "Platformer",
+                      "subtitle": "Side-Scrolling Adventure",
+                      "menuItems": [
+                        {
+                          "label": "Start Game",
+                          "event": "START",
+                          "variant": "primary"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "PlatLevelPlatformerCanvas",
+          "linkedEntity": "PlatLevel",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "idle",
+                "isInitial": true
+              },
+              {
+                "name": "running"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "LEFT",
+                "name": "Move Left"
+              },
+              {
+                "key": "RIGHT",
+                "name": "Move Right"
+              },
+              {
+                "key": "JUMP",
+                "name": "Jump"
+              },
+              {
+                "key": "STOP",
+                "name": "Stop"
+              },
+              {
+                "key": "START",
+                "name": "Start"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "PlatLevel"
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "running",
+                "event": "START",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "platformer-canvas",
+                      "platforms": "@entity.platforms",
+                      "player": "@entity.player",
+                      "canvasWidth": 800,
+                      "canvasHeight": 400,
+                      "worldWidth": 2400,
+                      "worldHeight": 400,
+                      "followCamera": true,
+                      "bgColor": "#1a1a2e",
+                      "leftEvent": "LEFT",
+                      "rightEvent": "RIGHT",
+                      "jumpEvent": "JUMP",
+                      "stopEvent": "STOP"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "running",
+                "to": "running",
+                "event": "LEFT",
+                "effects": []
+              },
+              {
+                "from": "running",
+                "to": "running",
+                "event": "RIGHT",
+                "effects": []
+              },
+              {
+                "from": "running",
+                "to": "running",
+                "event": "JUMP",
+                "effects": []
+              },
+              {
+                "from": "running",
+                "to": "idle",
+                "event": "STOP",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "platformer-canvas",
+                      "platforms": "@entity.platforms",
+                      "player": "@entity.player",
+                      "canvasWidth": 800,
+                      "canvasHeight": 400,
+                      "worldWidth": 2400,
+                      "worldHeight": 400,
+                      "followCamera": true,
+                      "bgColor": "#1a1a2e",
+                      "leftEvent": "LEFT",
+                      "rightEvent": "RIGHT",
+                      "jumpEvent": "JUMP",
+                      "stopEvent": "STOP"
+                    }
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "GamePage",
+          "path": "/game",
+          "isInitial": true,
+          "traits": [
+            {
+              "ref": "PlatLevelPlatformerFlow"
+            },
+            {
+              "ref": "PlatLevelPlatformerCanvas"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "PlatScoreOrbital",
+      "entity": {
+        "name": "PlatScore",
+        "persistence": "runtime",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "playerName",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "score",
+            "type": "number",
+            "required": true
+          },
+          {
+            "name": "level",
+            "type": "number"
+          },
+          {
+            "name": "completedAt",
+            "type": "string"
+          },
+          {
+            "name": "highScore",
+            "type": "number",
+            "default": 0
+          },
+          {
+            "name": "combo",
+            "type": "number",
+            "default": 0
+          },
+          {
+            "name": "multiplier",
+            "type": "number",
+            "default": 1
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "PlatScoreScoreBoard",
+          "linkedEntity": "PlatScore",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "idle",
+                "isInitial": true
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "ADD_SCORE",
+                "name": "Add Score",
+                "payload": [
+                  {
+                    "name": "points",
+                    "type": "number",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "COMBO",
+                "name": "Combo",
+                "payload": [
+                  {
+                    "name": "multiplier",
+                    "type": "number",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "RESET",
+                "name": "Reset"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "PlatScore"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "score-board",
+                      "score": "@entity.score",
+                      "highScore": "@entity.highScore",
+                      "combo": "@entity.combo",
+                      "multiplier": "@entity.multiplier",
+                      "level": "@entity.level"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "ADD_SCORE",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.score",
+                    [
+                      "+",
+                      "@entity.score",
+                      "@payload.points"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.combo",
+                    [
+                      "+",
+                      "@entity.combo",
+                      1
+                    ]
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "score-board",
+                      "score": "@entity.score",
+                      "highScore": "@entity.highScore",
+                      "combo": "@entity.combo",
+                      "multiplier": "@entity.multiplier",
+                      "level": "@entity.level"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "COMBO",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.multiplier",
+                    "@payload.multiplier"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "score-board",
+                      "score": "@entity.score",
+                      "highScore": "@entity.highScore",
+                      "combo": "@entity.combo",
+                      "multiplier": "@entity.multiplier",
+                      "level": "@entity.level"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "RESET",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.score",
+                    0
+                  ],
+                  [
+                    "set",
+                    "@entity.combo",
+                    0
+                  ],
+                  [
+                    "set",
+                    "@entity.multiplier",
+                    1
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "score-board",
+                      "score": "@entity.score",
+                      "highScore": "@entity.highScore",
+                      "combo": "@entity.combo",
+                      "multiplier": "@entity.multiplier",
+                      "level": "@entity.level"
+                    }
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "ScoresPage",
+          "path": "/scores",
+          "traits": [
+            {
+              "ref": "PlatScoreScoreBoard"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "CollectibleOrbital",
+      "entity": {
+        "name": "Collectible",
+        "persistence": "runtime",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "name",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "type",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "quantity",
+            "type": "number",
+            "default": 1
+          },
+          {
+            "name": "rarity",
+            "type": "string",
+            "default": "common"
+          },
+          {
+            "name": "pendingId",
+            "type": "string",
+            "default": ""
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "CollectibleBrowse",
+          "linkedEntity": "Collectible",
+          "category": "interaction",
+          "listens": [
+            {
+              "event": "ITEM_ADDED",
+              "triggers": "ITEM_ADDED"
+            },
+            {
+              "event": "ITEM_USED",
+              "triggers": "ITEM_USED"
+            },
+            {
+              "event": "CONFIRM_DROP",
+              "triggers": "CONFIRM_DROP"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "browsing",
+                "isInitial": true
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "ADD_ITEM",
+                "name": "ADD_ITEM"
+              },
+              {
+                "key": "USE_ITEM",
+                "name": "USE_ITEM",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "DROP",
+                "name": "DROP",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "ITEM_ADDED",
+                "name": "ITEM_ADDED",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "ITEM_USED",
+                "name": "ITEM_USED",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CONFIRM_DROP",
+                "name": "CONFIRM_DROP",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              }
+            ],
+            "transitions": [
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Collectible"
+                  ],
+                  [
+                    "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": "package",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Collectibles",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Add Collectible",
+                                  "event": "ADD_ITEM",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "Collectible",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No items yet",
+                          "emptyDescription": "Add your first item to get started.",
+                          "itemActions": [
+                            {
+                              "label": "Use",
+                              "event": "USE_ITEM"
+                            },
+                            {
+                              "label": "Drop",
+                              "event": "DROP",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "children": [
+                            {
+                              "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": "package",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@entity.name"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@entity.type"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@entity.quantity"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "ITEM_ADDED",
+                "effects": [
+                  [
+                    "fetch",
+                    "Collectible"
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "ITEM_USED",
+                "effects": [
+                  [
+                    "fetch",
+                    "Collectible"
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "CONFIRM_DROP",
+                "effects": [
+                  [
+                    "fetch",
+                    "Collectible"
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "CollectibleAdd",
+          "linkedEntity": "Collectible",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "ITEM_ADDED"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
+              },
+              {
+                "name": "open"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "ADD_ITEM",
+                "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",
+                    "Collectible"
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "ADD_ITEM",
+                "effects": [
+                  [
+                    "fetch",
+                    "Collectible"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "plus-circle",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Add Collectible",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "Collectible",
+                          "mode": "create",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "fields": [
+                            "name",
+                            "type",
+                            "quantity",
+                            "rarity",
+                            "pendingId"
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "persist",
+                    "create",
+                    "Collectible",
+                    "@payload.data"
+                  ],
+                  [
+                    "fetch",
+                    "Collectible"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "emit",
+                    "ITEM_ADDED"
+                  ],
+                  [
+                    "notify",
+                    "Collectible created successfully"
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "CollectibleUse",
+          "linkedEntity": "Collectible",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "ITEM_USED"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
+              },
+              {
+                "name": "open"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "USE_ITEM",
+                "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",
+                    "Collectible"
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "USE_ITEM",
+                "effects": [
+                  [
+                    "fetch",
+                    "Collectible",
+                    "@payload.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "zap",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Use Collectible",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "@entity.name",
+                          "variant": "body"
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "center",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Cancel",
+                              "event": "CLOSE",
+                              "variant": "ghost"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Confirm Use",
+                              "event": "SAVE",
+                              "variant": "primary",
+                              "icon": "check"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "persist",
+                    "update",
+                    "Collectible",
+                    "@payload.data"
+                  ],
+                  [
+                    "fetch",
+                    "Collectible"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "emit",
+                    "ITEM_USED"
+                  ],
+                  [
+                    "notify",
+                    "Collectible updated successfully"
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "CollectibleDrop",
+          "linkedEntity": "Collectible",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "CONFIRM_DROP"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "idle",
+                "isInitial": true
+              },
+              {
+                "name": "confirming"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "DROP",
+                "name": "Request Confirmation",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CONFIRM_DROP",
+                "name": "Confirm",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CANCEL",
+                "name": "Cancel"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Collectible"
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "confirming",
+                "event": "DROP",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.pendingId",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "Collectible",
+                    "@payload.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "trash-2",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Drop Collectible",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Are you sure you want to drop this collectible?",
+                          "variant": "body"
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Cancel",
+                              "event": "CANCEL",
+                              "variant": "ghost"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Drop",
+                              "event": "CONFIRM_DROP",
+                              "variant": "danger",
+                              "icon": "check"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CONFIRM_DROP",
+                "effects": [
+                  [
+                    "persist",
+                    "delete",
+                    "Collectible",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "Collectible"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "emit",
+                    "CONFIRM_DROP"
+                  ],
+                  [
+                    "notify",
+                    "Collectible deleted successfully"
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CANCEL",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "CollectiblesPage",
+          "path": "/collectibles",
+          "traits": [
+            {
+              "ref": "CollectibleBrowse"
+            },
+            {
+              "ref": "CollectibleAdd"
+            },
+            {
+              "ref": "CollectibleUse"
+            },
+            {
+              "ref": "CollectibleDrop"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}