@almadar/std 2.1.1 → 2.4.1

package/dist/behaviors/game-ui.js

@@ -1,58 +1,326 @@
 // behaviors/game-ui.ts
+var GAME_UI_THEME = {
+  name: "game-ui-amber",
+  tokens: {
+    colors: {
+      primary: "#d97706",
+      "primary-hover": "#b45309",
+      "primary-foreground": "#ffffff",
+      accent: "#f59e0b",
+      "accent-foreground": "#000000",
+      success: "#22c55e",
+      warning: "#f59e0b",
+      error: "#ef4444"
+    }
+  }
+};
+var KFLOW_ASSETS = "https://almadar-kflow-assets.web.app/shared";
+var GAME_MANIFEST = {
+  terrain: {
+    stone: "/terrain/Isometric/stoneSide_N.png",
+    dirt: "/terrain/Isometric/dirt_N.png",
+    bridge: "/terrain/Isometric/stoneStep_N.png",
+    wall: "/terrain/Isometric/stoneWallArchway_N.png"
+  },
+  units: {
+    guardian: "/sprite-sheets/guardian-sprite-sheet-se.png",
+    breaker: "/sprite-sheets/breaker-sprite-sheet-se.png",
+    archivist: "/sprite-sheets/archivist-sprite-sheet-se.png"
+  },
+  features: {
+    gold_mine: "/world-map/gold_mine.png",
+    portal: "/world-map/portal_open.png",
+    treasure: "/world-map/treasure_chest_closed.png",
+    battle_marker: "/world-map/battle_marker.png",
+    power_node: "/world-map/power_node.png"
+  }
+};
+var TILES_5X5 = [
+  { x: 0, y: 0, terrain: "stone" },
+  { x: 1, y: 0, terrain: "dirt" },
+  { x: 2, y: 0, terrain: "stone" },
+  { x: 3, y: 0, terrain: "dirt" },
+  { x: 4, y: 0, terrain: "stone" },
+  { x: 0, y: 1, terrain: "dirt" },
+  { x: 1, y: 1, terrain: "stone" },
+  { x: 2, y: 1, terrain: "dirt" },
+  { x: 3, y: 1, terrain: "stone" },
+  { x: 4, y: 1, terrain: "dirt" },
+  { x: 0, y: 2, terrain: "stone" },
+  { x: 1, y: 2, terrain: "dirt" },
+  { x: 2, y: 2, terrain: "bridge" },
+  { x: 3, y: 2, terrain: "dirt" },
+  { x: 4, y: 2, terrain: "stone" },
+  { x: 0, y: 3, terrain: "dirt" },
+  { x: 1, y: 3, terrain: "stone" },
+  { x: 2, y: 3, terrain: "dirt" },
+  { x: 3, y: 3, terrain: "stone" },
+  { x: 4, y: 3, terrain: "dirt" },
+  { x: 0, y: 4, terrain: "stone" },
+  { x: 1, y: 4, terrain: "dirt" },
+  { x: 2, y: 4, terrain: "stone" },
+  { x: 3, y: 4, terrain: "wall" },
+  { x: 4, y: 4, terrain: "stone" }
+];
+var gameMenuView = ["render-ui", "main", {
+  type: "game-menu",
+  title: "@entity.title",
+  subtitle: "Press Start to begin",
+  menuItems: [
+    { label: "Start Game", event: "START", variant: "primary" }
+  ]
+}];
+var gamePlayingCanvasView = ["render-ui", "main", {
+  type: "isometric-canvas",
+  tiles: TILES_5X5,
+  units: [{ id: "player", x: 2, y: 2, unitType: "guardian" }],
+  scale: 0.5,
+  boardWidth: 5,
+  boardHeight: 5,
+  enableCamera: true,
+  assetBaseUrl: KFLOW_ASSETS,
+  assetManifest: GAME_MANIFEST
+}];
+var gamePlayingHud = ["render-ui", "overlay", {
+  type: "game-hud",
+  position: "top",
+  elements: [
+    { label: "Status", value: "@entity.status", icon: "activity" },
+    { label: "Time", value: "@entity.playTime", icon: "clock" },
+    { label: "Attempts", value: "@entity.attempts", icon: "hash" }
+  ]
+}];
+var gamePausedView = ["render-ui", "main", {
+  type: "game-menu",
+  title: "Paused",
+  subtitle: "Game is paused",
+  menuItems: [
+    { label: "Resume", event: "RESUME", variant: "primary" },
+    { label: "Restart", event: "RESTART", variant: "secondary" }
+  ]
+}];
+var gameOverView = ["render-ui", "main", {
+  type: "game-over-screen",
+  title: "Game Over",
+  message: "Better luck next time!",
+  variant: "defeat",
+  menuItems: [
+    { label: "Try Again", event: "RESTART" }
+  ]
+}];
+var dialogueModalView = ["render-ui", "modal", {
+  type: "stack",
+  direction: "vertical",
+  gap: "lg",
+  children: [
+    { type: "stack", direction: "horizontal", gap: "sm", justify: "space-between", children: [
+      { type: "stack", direction: "horizontal", gap: "sm", children: [
+        { type: "icon", name: "message-square" },
+        { type: "typography", content: "@entity.speaker", variant: "h2" }
+      ] }
+    ] },
+    { type: "divider" },
+    { type: "typography", content: "@entity.displayedText", variant: "body" },
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "typography", content: "@entity.currentNode", variant: "label" },
+      { type: "typography", content: "/", variant: "label" },
+      { type: "typography", content: "@entity.totalNodes", variant: "label" }
+    ] },
+    { type: "progress-bar", value: "@entity.currentNode", max: "@entity.totalNodes" },
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "button", label: "Next", action: "NEXT", icon: "arrow-right", variant: "primary" },
+      { type: "button", label: "Close", action: "CLOSE", icon: "x", variant: "secondary" }
+    ] }
+  ]
+}];
+var dialogueChoiceModalView = ["render-ui", "modal", {
+  type: "stack",
+  direction: "vertical",
+  gap: "lg",
+  children: [
+    { type: "stack", direction: "horizontal", gap: "sm", justify: "space-between", children: [
+      { type: "stack", direction: "horizontal", gap: "sm", children: [
+        { type: "icon", name: "list" },
+        { type: "typography", content: "Choose Response", variant: "h3" }
+      ] }
+    ] },
+    { type: "divider" },
+    { type: "typography", content: "@entity.displayedText", variant: "body" },
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "button", label: "Continue", action: "NEXT", icon: "arrow-right", variant: "primary" },
+      { type: "button", label: "Close", action: "CLOSE", icon: "x", variant: "secondary" }
+    ] }
+  ]
+}];
+var dialogueHiddenCanvasView = ["render-ui", "main", {
+  type: "isometric-canvas",
+  tiles: TILES_5X5,
+  units: [{ id: "npc", x: 2, y: 2, unitType: "archivist" }],
+  scale: 0.5,
+  boardWidth: 5,
+  boardHeight: 5,
+  enableCamera: false,
+  assetBaseUrl: KFLOW_ASSETS,
+  assetManifest: GAME_MANIFEST
+}];
+var dialogueHiddenOverlay = ["render-ui", "overlay", {
+  type: "stack",
+  direction: "vertical",
+  gap: "md",
+  children: [
+    { type: "typography", content: "No active dialogue", variant: "body" },
+    { type: "button", label: "Start Dialogue", action: "SHOW", icon: "message-square", variant: "primary" }
+  ]
+}];
+var dialogueShowingCanvasView = ["render-ui", "main", {
+  type: "isometric-canvas",
+  tiles: TILES_5X5,
+  units: [{ id: "npc", x: 2, y: 2, unitType: "archivist" }],
+  scale: 0.5,
+  boardWidth: 5,
+  boardHeight: 5,
+  enableCamera: false,
+  assetBaseUrl: KFLOW_ASSETS,
+  assetManifest: GAME_MANIFEST
+}];
+var levelBrowsingView = ["render-ui", "main", {
+  type: "game-menu",
+  title: "Select Level",
+  subtitle: "Choose your challenge",
+  menuItems: [
+    { label: "Level 1", event: "SELECT_LEVEL" },
+    { label: "Level 2", event: "SELECT_LEVEL" },
+    { label: "Level 3", event: "SELECT_LEVEL" }
+  ]
+}];
+var levelBrowsingHud = ["render-ui", "overlay", {
+  type: "stack",
+  direction: "vertical",
+  gap: "md",
+  children: [
+    { type: "game-hud", position: "top", elements: [
+      { label: "Current", value: "@entity.currentLevel", icon: "target" },
+      { label: "Total", value: "@entity.totalLevels", icon: "layers" },
+      { label: "Completed", value: "@entity.completedLevels", icon: "check-circle" }
+    ] },
+    { type: "progress-bar", value: "@entity.completedLevels", max: "@entity.totalLevels" }
+  ]
+}];
+var levelPlayingCanvasView = ["render-ui", "main", {
+  type: "isometric-canvas",
+  tiles: TILES_5X5,
+  units: [{ id: "player", x: 2, y: 2, unitType: "guardian" }],
+  scale: 0.5,
+  boardWidth: 5,
+  boardHeight: 5,
+  enableCamera: true,
+  assetBaseUrl: KFLOW_ASSETS,
+  assetManifest: GAME_MANIFEST
+}];
+var levelPlayingHud = ["render-ui", "overlay", {
+  type: "stack",
+  direction: "vertical",
+  gap: "md",
+  children: [
+    { type: "game-hud", position: "top", elements: [
+      { label: "Level", value: "@entity.currentLevel", icon: "target" },
+      { label: "Name", value: "@entity.levelName", icon: "tag" }
+    ] },
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "button", label: "Complete Level", action: "COMPLETE_LEVEL", icon: "check", variant: "primary" },
+      { type: "button", label: "Back to Levels", action: "BACK_TO_SELECT", icon: "arrow-left", variant: "secondary" }
+    ] }
+  ]
+}];
+var levelCompleteView = ["render-ui", "main", {
+  type: "game-over-screen",
+  title: "Level Complete",
+  message: "Well done! Ready for the next challenge?",
+  variant: "victory",
+  menuItems: [
+    { label: "Next Level", event: "COMPLETE_LEVEL" },
+    { label: "Back to Levels", event: "BACK_TO_SELECT" }
+  ]
+}];
+var levelCompleteHud = ["render-ui", "overlay", {
+  type: "stack",
+  direction: "vertical",
+  gap: "md",
+  children: [
+    { type: "game-hud", position: "top", elements: [
+      { label: "Level", value: "@entity.currentLevel", icon: "target" },
+      { label: "Completed", value: "@entity.completedLevels", icon: "check-circle" }
+    ] },
+    { type: "progress-bar", value: "@entity.completedLevels", max: "@entity.totalLevels" }
+  ]
+}];
+var allLevelsCompleteView = ["render-ui", "main", {
+  type: "game-over-screen",
+  title: "All Levels Complete",
+  message: "Congratulations! You conquered every challenge!",
+  variant: "victory",
+  menuItems: [
+    { label: "Refresh", event: "INIT" }
+  ]
+}];
+var allLevelsCompleteHud = ["render-ui", "overlay", {
+  type: "stack",
+  direction: "vertical",
+  gap: "md",
+  children: [
+    { type: "game-hud", position: "top", elements: [
+      { label: "Completed", value: "@entity.completedLevels", icon: "check-circle" },
+      { label: "Total", value: "@entity.totalLevels", icon: "layers" }
+    ] },
+    { type: "progress-bar", value: "@entity.completedLevels", max: "@entity.totalLevels" }
+  ]
+}];
 var GAME_FLOW_BEHAVIOR = {
   name: "std-gameflow",
   version: "1.0.0",
-  description: "Master game flow: menu, play, pause, game over, victory",
+  description: "Master game flow: menu, play, pause, game over",
   orbitals: [
     {
       name: "GameFlowOrbital",
+      theme: GAME_UI_THEME,
       entity: {
-        name: "GameFlowState",
+        name: "GameFlowData",
         persistence: "runtime",
         fields: [
           { name: "id", type: "string", required: true },
           { name: "playTime", type: "number", default: 0 },
           { name: "attempts", type: "number", default: 0 },
-          { name: "lastState", type: "string", default: "Menu" },
           { name: "title", type: "string", default: "Game" },
-          { name: "allowPause", type: "boolean", default: true }
+          { name: "status", type: "string", default: "menu" }
         ]
       },
       traits: [
         {
           name: "GameFlow",
-          linkedEntity: "GameFlowState",
+          linkedEntity: "GameFlowData",
           category: "interaction",
           stateMachine: {
             states: [
               { name: "Menu", isInitial: true },
               { name: "Playing" },
               { name: "Paused" },
-              { name: "GameOver", isTerminal: true },
-              { name: "Victory", isTerminal: true }
+              { name: "GameOver" }
             ],
             events: [
+              { key: "INIT", name: "Initialize" },
               { key: "START", name: "Start" },
               { key: "PAUSE", name: "Pause" },
               { key: "RESUME", name: "Resume" },
               { key: "GAME_OVER", name: "Game Over" },
-              { key: "VICTORY", name: "Victory" },
-              { key: "RESTART", name: "Restart" },
-              { key: "QUIT", name: "Quit" }
+              { key: "RESTART", name: "Restart" }
             ],
             transitions: [
               {
                 from: "Menu",
                 to: "Menu",
-                event: "QUIT",
+                event: "INIT",
                 effects: [
-                  ["emit", "STOP"],
-                  ["render-ui", "screen", {
-                    type: "game-menu",
-                    title: "@entity.title",
-                    options: [{ event: "START", label: "Start Game" }],
-                    onSelect: "START"
-                  }]
+                  gameMenuView
                 ]
               },
               {
@@ -60,124 +328,75 @@ var GAME_FLOW_BEHAVIOR = {
                 to: "Playing",
                 event: "START",
                 effects: [
+                  ["fetch", "GameFlowData"],
                   ["set", "@entity.attempts", ["+", "@entity.attempts", 1]],
                   ["set", "@entity.playTime", 0],
-                  ["emit", "GAME_LOOP_START"]
+                  ["set", "@entity.status", "playing"],
+                  gamePlayingCanvasView,
+                  gamePlayingHud
                 ]
               },
               {
                 from: "Playing",
                 to: "Paused",
                 event: "PAUSE",
-                guard: "@entity.allowPause",
                 effects: [
-                  ["set", "@entity.lastState", "Playing"],
-                  ["emit", "GAME_LOOP_PAUSE"],
-                  ["render-ui", "overlay", {
-                    type: "game-over-screen",
-                    title: "Paused",
-                    variant: "pause",
-                    actions: [
-                      { event: "RESUME", label: "Resume" },
-                      { event: "QUIT", label: "Quit" }
-                    ]
-                  }]
+                  ["set", "@entity.status", "paused"],
+                  gamePausedView
                 ]
               },
               {
                 from: "Paused",
                 to: "Playing",
                 event: "RESUME",
-                effects: [["emit", "GAME_LOOP_RESUME"]]
-              },
-              {
-                from: "Playing",
-                to: "GameOver",
-                event: "GAME_OVER",
                 effects: [
-                  ["emit", "STOP"],
-                  ["render-ui", "overlay", {
-                    type: "game-over-screen",
-                    title: "Game Over",
-                    stats: [
-                      { label: "Play Time", value: "@entity.playTime" },
-                      { label: "Attempts", value: "@entity.attempts" }
-                    ],
-                    actions: [
-                      { event: "RESTART", label: "Try Again" },
-                      { event: "QUIT", label: "Quit" }
-                    ]
-                  }]
+                  ["fetch", "GameFlowData"],
+                  ["set", "@entity.status", "playing"],
+                  gamePlayingCanvasView,
+                  gamePlayingHud
                 ]
               },
               {
                 from: "Playing",
-                to: "Victory",
-                event: "VICTORY",
+                to: "GameOver",
+                event: "GAME_OVER",
                 effects: [
-                  ["emit", "STOP"],
-                  ["render-ui", "overlay", {
-                    type: "game-over-screen",
-                    title: "Victory!",
-                    variant: "success",
-                    stats: [
-                      { label: "Play Time", value: "@entity.playTime" },
-                      { label: "Attempts", value: "@entity.attempts" }
-                    ],
-                    actions: [
-                      { event: "RESTART", label: "Play Again" },
-                      { event: "QUIT", label: "Quit" }
-                    ]
-                  }]
+                  ["set", "@entity.status", "gameover"],
+                  gameOverView
                 ]
               },
               {
                 from: "GameOver",
-                to: "Playing",
+                to: "Menu",
                 event: "RESTART",
                 effects: [
-                  ["emit", "GAME_RESET"],
-                  ["emit", "START"]
+                  ["set", "@entity.status", "menu"],
+                  ["set", "@entity.playTime", 0],
+                  gameMenuView
                 ]
               },
               {
-                from: "Victory",
-                to: "Playing",
+                from: "Paused",
+                to: "Menu",
                 event: "RESTART",
                 effects: [
-                  ["emit", "GAME_RESET"],
-                  ["emit", "START"]
+                  ["set", "@entity.status", "menu"],
+                  ["set", "@entity.playTime", 0],
+                  gameMenuView
                 ]
-              },
-              {
-                from: "Playing",
-                to: "Menu",
-                event: "QUIT",
-                effects: [["emit", "STOP"]]
-              },
-              {
-                from: "Paused",
-                to: "Menu",
-                event: "QUIT",
-                effects: [["emit", "STOP"]]
-              },
-              {
-                from: "GameOver",
-                to: "Menu",
-                event: "QUIT",
-                effects: [["emit", "STOP"]]
-              },
-              {
-                from: "Victory",
-                to: "Menu",
-                event: "QUIT",
-                effects: [["emit", "STOP"]]
               }
             ]
           }
         }
       ],
-      pages: []
+      pages: [
+        {
+          name: "GamePage",
+          path: "/game",
+          isInitial: true,
+          traits: [{ ref: "GameFlow" }]
+        }
+      ]
     }
   ]
 };
@@ -188,269 +407,201 @@ var DIALOGUE_BEHAVIOR = {
   orbitals: [
     {
       name: "DialogueOrbital",
+      theme: GAME_UI_THEME,
       entity: {
-        name: "DialogueState",
+        name: "DialogueData",
         persistence: "runtime",
         fields: [
           { name: "id", type: "string", required: true },
-          { name: "dialogueTree", type: "array", default: [] },
           { name: "currentNode", type: "number", default: 0 },
           { name: "displayedText", type: "string", default: "" },
-          { name: "isTyping", type: "boolean", default: false },
           { name: "speaker", type: "string", default: "" },
-          { name: "typeIndex", type: "number", default: 0 },
-          { name: "lastTypeTime", type: "number", default: 0 },
-          { name: "typingSpeed", type: "number", default: 50 }
+          { name: "totalNodes", type: "number", default: 0 }
         ]
       },
       traits: [
         {
           name: "Dialogue",
-          linkedEntity: "DialogueState",
+          linkedEntity: "DialogueData",
           category: "interaction",
           stateMachine: {
             states: [
               { name: "Hidden", isInitial: true },
-              { name: "Typing" },
               { name: "Showing" },
               { name: "Choice" }
             ],
             events: [
-              { key: "SHOW", name: "Show" },
+              { key: "INIT", name: "Initialize" },
+              { key: "SHOW", name: "Show", payloadSchema: [
+                { name: "speaker", type: "string", required: true },
+                { name: "text", type: "string", required: true },
+                { name: "totalNodes", type: "number", required: true }
+              ] },
               { key: "NEXT", name: "Next" },
-              { key: "SELECT_CHOICE", name: "Select Choice" },
-              { key: "SKIP", name: "Skip" },
+              { key: "SELECT_CHOICE", name: "Select Choice", payloadSchema: [
+                { name: "index", type: "number", required: true }
+              ] },
               { key: "CLOSE", name: "Close" },
-              { key: "TYPE_CHAR", name: "Type Char" },
-              { key: "TYPE_COMPLETE", name: "Type Complete" }
+              { key: "CANCEL", name: "Cancel" }
             ],
             transitions: [
               {
                 from: "Hidden",
-                to: "Typing",
-                event: "SHOW",
+                to: "Hidden",
+                event: "INIT",
                 effects: [
-                  ["set", "@entity.dialogueTree", "@payload.dialogue"],
-                  ["set", "@entity.currentNode", 0],
-                  ["set", "@entity.isTyping", true],
-                  ["set", "@entity.displayedText", ""],
-                  ["set", "@entity.typeIndex", 0],
-                  ["set", "@entity.lastTypeTime", "@now"],
-                  ["emit", "GAME_PAUSE"],
-                  ["render-ui", "overlay.dialogue", {
-                    type: "dialogue-box",
-                    dialogue: {
-                      speaker: "@entity.speaker",
-                      text: "@entity.displayedText",
-                      isTyping: "@entity.isTyping"
-                    },
-                    onAdvance: "NEXT"
-                  }]
+                  ["fetch", "DialogueData"],
+                  dialogueHiddenCanvasView,
+                  dialogueHiddenOverlay
                 ]
               },
               {
-                from: "Typing",
-                to: "Typing",
-                event: "TYPE_CHAR",
+                from: "Hidden",
+                to: "Showing",
+                event: "SHOW",
                 effects: [
-                  [
-                    "let",
-                    [["currentDialogue", ["array/nth", "@entity.dialogueTree", "@entity.currentNode"]]],
-                    [
-                      "do",
-                      ["set", "@entity.typeIndex", ["+", "@entity.typeIndex", 1]],
-                      ["set", "@entity.displayedText", ["str/slice", "@currentDialogue.text", 0, "@entity.typeIndex"]],
-                      ["set", "@entity.lastTypeTime", "@now"]
-                    ]
-                  ]
+                  ["fetch", "DialogueData"],
+                  ["set", "@entity.speaker", "@payload.speaker"],
+                  ["set", "@entity.displayedText", "@payload.text"],
+                  ["set", "@entity.totalNodes", "@payload.totalNodes"],
+                  ["set", "@entity.currentNode", 0],
+                  dialogueShowingCanvasView,
+                  dialogueModalView
                 ]
               },
               {
-                from: "Typing",
-                to: "Showing",
-                event: "TYPE_COMPLETE",
-                effects: [["set", "@entity.isTyping", false]]
-              },
-              {
-                from: "Typing",
+                from: "Showing",
                 to: "Showing",
-                event: "SKIP",
+                event: "NEXT",
+                guard: ["<", "@entity.currentNode", ["-", "@entity.totalNodes", 1]],
                 effects: [
-                  [
-                    "let",
-                    [["currentDialogue", ["array/nth", "@entity.dialogueTree", "@entity.currentNode"]]],
-                    [
-                      "do",
-                      ["set", "@entity.isTyping", false],
-                      ["set", "@entity.displayedText", "@currentDialogue.text"]
-                    ]
-                  ]
+                  ["fetch", "DialogueData"],
+                  ["set", "@entity.currentNode", ["+", "@entity.currentNode", 1]],
+                  dialogueShowingCanvasView,
+                  dialogueModalView
                 ]
               },
               {
                 from: "Showing",
-                to: "Typing",
+                to: "Hidden",
                 event: "NEXT",
-                guard: ["not", ["object/get", ["array/nth", "@entity.dialogueTree", "@entity.currentNode"], "choices"]],
+                guard: [">=", "@entity.currentNode", ["-", "@entity.totalNodes", 1]],
                 effects: [
-                  [
-                    "if",
-                    [">=", "@entity.currentNode", ["-", ["array/len", "@entity.dialogueTree"], 1]],
-                    ["emit", "CLOSE"],
-                    [
-                      "do",
-                      ["set", "@entity.currentNode", ["+", "@entity.currentNode", 1]],
-                      ["set", "@entity.isTyping", true],
-                      ["set", "@entity.displayedText", ""],
-                      ["set", "@entity.typeIndex", 0]
-                    ]
-                  ]
+                  ["set", "@entity.displayedText", ""],
+                  ["set", "@entity.speaker", ""],
+                  ["render-ui", "modal", null]
                 ]
               },
               {
                 from: "Showing",
                 to: "Choice",
-                event: "NEXT",
-                guard: ["object/get", ["array/nth", "@entity.dialogueTree", "@entity.currentNode"], "choices"],
+                event: "SELECT_CHOICE",
                 effects: [
-                  [
-                    "let",
-                    [["currentDialogue", ["array/nth", "@entity.dialogueTree", "@entity.currentNode"]]],
-                    ["render-ui", "overlay.dialogue", {
-                      type: "dialogue-box",
-                      dialogue: {
-                        speaker: "Choose",
-                        choices: "@currentDialogue.choices"
-                      },
-                      onChoice: "SELECT_CHOICE"
-                    }]
-                  ]
+                  dialogueChoiceModalView
                 ]
               },
               {
                 from: "Choice",
-                to: "Typing",
-                event: "SELECT_CHOICE",
+                to: "Showing",
+                event: "NEXT",
                 effects: [
-                  [
-                    "let",
-                    [["currentDialogue", ["array/nth", "@entity.dialogueTree", "@entity.currentNode"]]],
-                    [
-                      "let",
-                      [["choice", ["array/nth", "@currentDialogue.choices", "@payload.index"]]],
-                      [
-                        "do",
-                        [
-                          "if",
-                          "@choice.nextNode",
-                          ["set", "@entity.currentNode", "@choice.nextNode"],
-                          ["set", "@entity.currentNode", ["+", "@entity.currentNode", 1]]
-                        ],
-                        ["if", "@choice.effect", ["emit", "@choice.effect"]]
-                      ]
-                    ]
-                  ],
-                  ["set", "@entity.isTyping", true],
-                  ["set", "@entity.displayedText", ""],
-                  ["set", "@entity.typeIndex", 0]
+                  ["fetch", "DialogueData"],
+                  ["set", "@entity.currentNode", ["+", "@entity.currentNode", 1]],
+                  dialogueShowingCanvasView,
+                  dialogueModalView
                 ]
               },
               {
-                from: "Typing",
+                from: "Showing",
                 to: "Hidden",
                 event: "CLOSE",
                 effects: [
-                  ["set", "@entity.dialogueTree", []],
-                  ["set", "@entity.currentNode", 0],
-                  ["emit", "GAME_RESUME"]
+                  ["set", "@entity.displayedText", ""],
+                  ["set", "@entity.speaker", ""],
+                  ["render-ui", "modal", null]
                 ]
               },
               {
-                from: "Showing",
+                from: "Choice",
                 to: "Hidden",
                 event: "CLOSE",
                 effects: [
-                  ["set", "@entity.dialogueTree", []],
-                  ["set", "@entity.currentNode", 0],
-                  ["emit", "GAME_RESUME"]
+                  ["set", "@entity.displayedText", ""],
+                  ["set", "@entity.speaker", ""],
+                  ["render-ui", "modal", null]
                 ]
               },
               {
                 from: "Choice",
                 to: "Hidden",
-                event: "CLOSE",
+                event: "CANCEL",
                 effects: [
-                  ["set", "@entity.dialogueTree", []],
-                  ["set", "@entity.currentNode", 0],
-                  ["emit", "GAME_RESUME"]
+                  ["set", "@entity.displayedText", ""],
+                  ["set", "@entity.speaker", ""],
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "Showing",
+                to: "Hidden",
+                event: "CANCEL",
+                effects: [
+                  ["set", "@entity.displayedText", ""],
+                  ["set", "@entity.speaker", ""],
+                  ["render-ui", "modal", null]
                 ]
               }
             ]
-          },
-          ticks: [
-            {
-              name: "TypewriterEffect",
-              interval: "frame",
-              guard: ["and", "@entity.isTyping", [">", ["-", "@now", "@entity.lastTypeTime"], ["/", 1e3, "@entity.typingSpeed"]]],
-              effects: [
-                [
-                  "let",
-                  [["currentDialogue", ["array/nth", "@entity.dialogueTree", "@entity.currentNode"]]],
-                  [
-                    "if",
-                    ["<", "@entity.typeIndex", ["str/len", "@currentDialogue.text"]],
-                    ["emit", "TYPE_CHAR"],
-                    ["emit", "TYPE_COMPLETE"]
-                  ]
-                ]
-              ]
-            }
-          ]
+          }
         }
       ],
-      pages: []
+      pages: [
+        {
+          name: "DialoguePage",
+          path: "/dialogue",
+          isInitial: true,
+          traits: [{ ref: "Dialogue" }]
+        }
+      ]
     }
   ]
 };
 var LEVEL_PROGRESS_BEHAVIOR = {
   name: "std-levelprogress",
   version: "1.0.0",
-  description: "Level progression with unlock, selection, and completion tracking",
+  description: "Level progression with selection and completion tracking",
   orbitals: [
     {
       name: "LevelProgressOrbital",
+      theme: GAME_UI_THEME,
       entity: {
-        name: "LevelProgressState",
+        name: "LevelData",
         persistence: "runtime",
         fields: [
           { name: "id", type: "string", required: true },
           { name: "currentLevel", type: "number", default: 0 },
-          { name: "unlockedLevels", type: "array", default: [0] },
-          { name: "levelStars", type: "object", default: {} },
-          { name: "totalStars", type: "number", default: 0 },
-          { name: "levels", type: "array", default: [] },
-          { name: "starsPerLevel", type: "number", default: 3 },
-          { name: "unlockNext", type: "boolean", default: true },
-          { name: "persistProgress", type: "boolean", default: true }
+          { name: "totalLevels", type: "number", default: 10 },
+          { name: "completedLevels", type: "number", default: 0 },
+          { name: "levelName", type: "string", default: "" },
+          { name: "status", type: "string", default: "browsing" }
         ]
       },
       traits: [
         {
           name: "LevelProgress",
-          linkedEntity: "LevelProgressState",
+          linkedEntity: "LevelData",
           category: "interaction",
           stateMachine: {
             states: [
               { name: "Browsing", isInitial: true },
-              { name: "LevelLoading" },
-              { name: "InLevel" }
+              { name: "Playing" }
             ],
             events: [
               { key: "INIT", name: "Initialize" },
-              { key: "SELECT_LEVEL", name: "Select Level" },
-              { key: "LEVEL_LOADED", name: "Level Loaded" },
+              { key: "SELECT_LEVEL", name: "Select Level", payloadSchema: [
+                { name: "level", type: "number", required: true }
+              ] },
               { key: "COMPLETE_LEVEL", name: "Complete Level" },
-              { key: "UNLOCK_LEVEL", name: "Unlock Level" },
               { key: "BACK_TO_SELECT", name: "Back To Select" }
             ],
             transitions: [
@@ -459,89 +610,73 @@ var LEVEL_PROGRESS_BEHAVIOR = {
                 to: "Browsing",
                 event: "INIT",
                 effects: [
-                  ["render-ui", "screen", {
-                    type: "game-menu",
-                    title: "Select Level",
-                    options: "@entity.levels",
-                    onSelect: "SELECT_LEVEL"
-                  }]
+                  ["fetch", "LevelData"],
+                  ["set", "@entity.status", "browsing"],
+                  levelBrowsingView,
+                  levelBrowsingHud
                 ]
               },
               {
                 from: "Browsing",
-                to: "LevelLoading",
+                to: "Playing",
                 event: "SELECT_LEVEL",
-                guard: ["array/includes", "@entity.unlockedLevels", "@payload.levelIndex"],
+                guard: ["<=", "@payload.level", "@entity.totalLevels"],
                 effects: [
-                  ["set", "@entity.currentLevel", "@payload.levelIndex"],
-                  ["emit", "LOAD_LEVEL", { levelData: ["array/nth", "@entity.levels", "@payload.levelIndex"] }]
+                  ["fetch", "LevelData"],
+                  ["set", "@entity.currentLevel", "@payload.level"],
+                  ["set", "@entity.status", "playing"],
+                  levelPlayingCanvasView,
+                  levelPlayingHud
                 ]
               },
               {
-                from: "LevelLoading",
-                to: "InLevel",
-                event: "LEVEL_LOADED",
-                effects: [["emit", "START"]]
-              },
-              {
-                from: "InLevel",
-                to: "InLevel",
+                from: "Playing",
+                to: "Playing",
                 event: "COMPLETE_LEVEL",
+                guard: ["<", "@entity.currentLevel", "@entity.totalLevels"],
                 effects: [
-                  ["set", "@entity.levelStars", [
-                    "object/set",
-                    "@entity.levelStars",
-                    ["str/toString", "@entity.currentLevel"],
-                    ["math/max", "@payload.stars", ["object/get", "@entity.levelStars", ["str/toString", "@entity.currentLevel"], 0]]
-                  ]],
-                  ["set", "@entity.totalStars", ["array/reduce", ["object/values", "@entity.levelStars"], ["fn", "sum", "v", ["+", "@sum", "@v"]], 0]],
-                  [
-                    "if",
-                    ["and", "@entity.unlockNext", ["<", "@entity.currentLevel", ["-", ["array/len", "@entity.levels"], 1]]],
-                    ["emit", "UNLOCK_LEVEL", { levelIndex: ["+", "@entity.currentLevel", 1] }]
-                  ],
-                  [
-                    "if",
-                    "@entity.persistProgress",
-                    ["persist", "save", "LevelProgress", {
-                      unlockedLevels: "@entity.unlockedLevels",
-                      levelStars: "@entity.levelStars"
-                    }]
-                  ]
+                  ["set", "@entity.completedLevels", ["+", "@entity.completedLevels", 1]],
+                  ["set", "@entity.currentLevel", ["+", "@entity.currentLevel", 1]],
+                  levelCompleteView,
+                  levelCompleteHud
                 ]
               },
               {
-                from: "InLevel",
-                to: "InLevel",
-                event: "UNLOCK_LEVEL",
-                guard: ["not", ["array/includes", "@entity.unlockedLevels", "@payload.levelIndex"]],
+                from: "Playing",
+                to: "Browsing",
+                event: "COMPLETE_LEVEL",
+                guard: [">=", "@entity.currentLevel", "@entity.totalLevels"],
                 effects: [
-                  ["set", "@entity.unlockedLevels", ["array/append", "@entity.unlockedLevels", "@payload.levelIndex"]]
+                  ["fetch", "LevelData"],
+                  ["set", "@entity.completedLevels", ["+", "@entity.completedLevels", 1]],
+                  ["set", "@entity.status", "browsing"],
+                  allLevelsCompleteView,
+                  allLevelsCompleteHud
                 ]
               },
               {
-                from: "InLevel",
+                from: "Playing",
                 to: "Browsing",
                 event: "BACK_TO_SELECT",
-                effects: [["emit", "INIT"]]
-              },
-              {
-                from: "LevelLoading",
-                to: "Browsing",
-                event: "INIT",
-                effects: []
-              },
-              {
-                from: "InLevel",
-                to: "Browsing",
-                event: "INIT",
-                effects: []
+                effects: [
+                  ["fetch", "LevelData"],
+                  ["set", "@entity.status", "browsing"],
+                  levelBrowsingView,
+                  levelBrowsingHud
+                ]
               }
             ]
           }
         }
       ],
-      pages: []
+      pages: [
+        {
+          name: "LevelsPage",
+          path: "/levels",
+          isInitial: true,
+          traits: [{ ref: "LevelProgress" }]
+        }
+      ]
     }
   ]
 };