@almadar/std 16.210.0 → 16.212.0

package/behaviors/lolo/ui/game/atoms/std-tutorial-overlay.lolo

@@ -129,6 +129,12 @@ orbital TutorialOverlayOrbital {
         (render-ui overlay null)
         (emit TUTORIAL_DEMO_STOP {})
         (emit TUTORIAL_DONE { id: "tutorial" })
+
+      CLOSE -> hidden
+        (set @entity.done true)
+        (render-ui overlay null)
+        (emit TUTORIAL_DEMO_STOP {})
+        (emit TUTORIAL_DONE { id: "tutorial" })
     }
 
     emits {

package/behaviors/lolo/ui/game/atoms/ui-action-palette.lolo

@@ -18,7 +18,7 @@ orbital ActionPaletteOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-action-tile.lolo

@@ -24,7 +24,7 @@ orbital ActionTileOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-choice-button.lolo

@@ -9,7 +9,7 @@ orbital ChoiceButtonOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-control-button.lolo

@@ -9,7 +9,7 @@ orbital ControlButtonOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-control-grid.lolo

@@ -16,7 +16,7 @@ orbital ControlGridOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -30,7 +30,7 @@ orbital ControlGridOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-dialogue-bubble.lolo

@@ -9,7 +9,7 @@ orbital DialogueBubbleOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-draw-fx-layer.lolo

@@ -52,7 +52,7 @@ orbital DrawFxLayerOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-draw-skinned-mesh.lolo

@@ -0,0 +1,131 @@
+app ui-draw-skinned-mesh "1.0.0"
+"DrawSkinnedMesh — UI factory (1:1 with the @almadar/ui draw-skinned-mesh pattern)."
+orbital DrawSkinnedMeshOrbital {
+  type DrawSkinnedMeshPosition = {
+    x : number!
+    y : number!
+    z : number
+  }
+  type DrawSkinnedMeshAsset = {
+    url : asset!
+    role : string!
+    category : string!
+    animations : [string]
+    style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
+    variant : string
+    dimension : "2d" | "3d"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
+    atlas : asset
+    sprite : string
+    name : string
+    thumbnailUrl : string
+  }
+  type DrawSkinnedMeshMesh = {
+    vertices : [DrawSkinnedMeshMeshVerticesItem]!
+    triangles : [[number]]!
+  }
+  type DrawSkinnedMeshMeshVerticesItem = {
+    x : number!
+    y : number!
+    u : number!
+    v : number!
+    weights : [DrawSkinnedMeshMeshVerticesItemWeightsItem]!
+  }
+  type DrawSkinnedMeshMeshVerticesItemWeightsItem = {
+    bone : number!
+    w : number!
+  }
+  type DrawSkinnedMeshBonesItem = {
+    name : string!
+    parent : string!
+    pivot : [number]!
+    tip : [number]!
+  }
+  type DrawSkinnedMeshClip = {
+    frames : [Map string number]!
+  }
+  type DrawSkinnedMeshGhost = {
+    frame : number!
+    opacity : number!
+  }
+
+  entity DrawSkinnedMeshItem [runtime] {
+    id : string!
+  }
+
+  trait DrawSkinnedMeshRender -> @rebindable DrawSkinnedMeshItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          position: @config.position
+          asset: @config.asset
+          mesh: @config.mesh
+          meshUrl: @config.meshUrl
+          bones: @config.bones
+          pose: @config.pose
+          clip: @config.clip
+          clipName: @config.clipName
+          frame: @config.frame
+          opacity: @config.opacity
+          weightsOverlay: @config.weightsOverlay
+          ghost: @config.ghost
+          type: draw-skinned-mesh
+        })
+    }
+
+    config {
+      position : DrawSkinnedMeshPosition = { x: 1, y: 1, z: 1 }
+        @label "Position"
+        @description "Logical scene position; mesh local coords are world units relative to its projected top-left."
+        @tier "presentation"
+      asset : DrawSkinnedMeshAsset
+        @label "Asset"
+        @description "The texture the mesh UVs cut into."
+        @tier "presentation"
+      mesh : DrawSkinnedMeshMesh
+        @label "Mesh"
+        @description "Inline bind mesh; wins over `meshUrl`."
+        @tier "presentation"
+      meshUrl : string
+        @label "Mesh Url"
+        @description "URL of a JSON `SkinMesh` (fetched + cached); used when `mesh` is absent."
+        @tier "presentation"
+      bones : [DrawSkinnedMeshBonesItem] = [{ name: "Name", parent: "Parent", pivot: [1, 2], tip: [1, 2] }, { name: "Name 2", parent: "Parent 2", pivot: [1, 2], tip: [1, 2] }]
+        @label "Bones"
+        @description "The skeleton (bind pose; FK chain via `parent` names). Falls back to the rigbundle's `bones` when empty."
+        @tier "presentation"
+      pose : Map string number = { item: 1 }
+        @label "Pose"
+        @description "Static pose (bone name → degrees relative to bind). Overridden by `clip` + `frame`."
+        @tier "presentation"
+      clip : DrawSkinnedMeshClip
+        @label "Clip"
+        @description "Pose animation clip; with `frame`, pose = `frames[frame % frames.length]`."
+        @tier "presentation"
+      clipName : string
+        @label "Clip Name"
+        @description "Named clip inside the rigbundle at `meshUrl` (`clips[clipName].frames`); used when `clip` is absent. Empty/unknown = no clip."
+        @tier "presentation"
+      frame : number
+        @label "Frame"
+        @description "Clip frame counter (host-driven paint clock frame)."
+        @tier "presentation"
+      opacity : number
+        @label "Opacity"
+        @description "0..1 opacity."
+        @tier "presentation"
+      weightsOverlay : boolean
+        @label "Weights Overlay"
+        @description "Paint per-triangle dominant-bone colors instead of the texture (rig inspection)."
+        @tier "presentation"
+      ghost : DrawSkinnedMeshGhost
+        @label "Ghost"
+        @description "Onion skin: render the mesh at this clip frame underneath, at this opacity."
+        @tier "presentation"
+    }
+  }
+
+  page "/draw-skinned-mesh" as DrawSkinnedMeshPage -> DrawSkinnedMeshRender
+}

package/behaviors/lolo/ui/game/atoms/ui-draw-sprite-layer.lolo

@@ -31,7 +31,7 @@ orbital DrawSpriteLayerOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-draw-sprite.lolo

@@ -14,7 +14,7 @@ orbital DrawSpriteOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-game-audio-toggle.lolo

@@ -15,7 +15,7 @@ orbital GameAudioToggleOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -29,7 +29,7 @@ orbital GameAudioToggleOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-game-hud.lolo

@@ -22,7 +22,7 @@ orbital GameHudOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -36,7 +36,7 @@ orbital GameHudOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -63,7 +63,7 @@ orbital GameHudOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -77,7 +77,7 @@ orbital GameHudOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -102,7 +102,7 @@ orbital GameHudOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-game-menu.lolo

@@ -27,7 +27,7 @@ orbital GameMenuOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-health-bar.lolo

@@ -9,7 +9,7 @@ orbital HealthBarOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -23,7 +23,7 @@ orbital HealthBarOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-score-display.lolo

@@ -9,7 +9,7 @@ orbital ScoreDisplayOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-sequence-bar.lolo

@@ -18,7 +18,7 @@ orbital SequenceBarOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -58,7 +58,7 @@ orbital SequenceBarOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-stat-badge.lolo

@@ -9,7 +9,7 @@ orbital StatBadgeOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -23,7 +23,7 @@ orbital StatBadgeOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string

package/behaviors/lolo/ui/game/atoms/ui-trait-slot.lolo

@@ -18,7 +18,7 @@ orbital TraitSlotOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -49,7 +49,7 @@ orbital TraitSlotOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -78,7 +78,7 @@ orbital TraitSlotOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -114,7 +114,7 @@ orbital TraitSlotOrbital {
     style : "pixel" | "vector" | "hd" | "1-bit" | "isometric"
     variant : string
     dimension : "2d" | "3d"
-    aspect : "1:1" | "16:9" | "5:7" | "8:1"
+    aspect : "1:1" | "16:9" | "5:7" | "8:1" | "4:1" | "5:3" | "1:2"
     atlas : asset
     sprite : string
     name : string
@@ -136,7 +136,7 @@ orbital TraitSlotOrbital {
 
   entity TraitSlotItem [runtime] {
     id : string!
-    slotNumber : number = 1
+    slotNumber : number @intrinsic = 1
   }
 
   trait TraitSlotRender -> @rebindable TraitSlotItem [interaction, instance] {

package/behaviors/lolo/ui/game/organisms/std-arcade-board-3d.lolo

@@ -104,13 +104,13 @@ orbital ArcadeBoard3DFrameOrbital {
   entity GameState [runtime, shared] {
     id : string!
     units : [Unit] = [
-      { id: "hero", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 1, maxHealth: 1, unitType: "hero", name: "Hero", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.png", atlas: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.json", sprite: "blue_body_square.png", role: "player", category: "unit", animations: ["idle"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "player-unit", thumbnailUrl: "" } }
+      { id: "hero", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 1, maxHealth: 1, unitType: "hero", name: "Hero", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/units/soldier/soldier.png", role: "player", category: "unit", animations: ["idle"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "player-unit", thumbnailUrl: "" } }
     ]
     tiles : [Tile] = [
-      { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-      { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-      { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-      { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
+      { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+      { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+      { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+      { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
     ]
     movesLeft : number = 0
     features : [Feature] = []
@@ -133,13 +133,13 @@ orbital ArcadeBoard3DFrameOrbital {
       gridHeight: 2
       moveBudget: 9999
       units: [
-        { id: "hero", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 1, maxHealth: 1, unitType: "hero", name: "Hero", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.png", atlas: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.json", sprite: "blue_body_square.png", role: "player", category: "unit", animations: ["idle"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "player-unit", thumbnailUrl: "" } }
+        { id: "hero", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 1, maxHealth: 1, unitType: "hero", name: "Hero", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/units/soldier/soldier.png", role: "player", category: "unit", animations: ["idle"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "player-unit", thumbnailUrl: "" } }
       ]
       tiles: [
-        { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-        { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-        { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-        { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
+        { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+        { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+        { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+        { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", variant: "", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
       ]
     }
   }

package/behaviors/lolo/ui/game/organisms/std-crew-board-2d.lolo

@@ -96,13 +96,13 @@ orbital CrewBoard2DOrbital {
   entity GameState [runtime, shared] {
     id : string!
     units : [Unit] = [
-      { id: "c1", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 10, maxHealth: 10, unitType: "crew", name: "Crew", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.png", atlas: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.json", sprite: "blue_body_square.png", role: "player", category: "unit", animations: ["idle"], style: "vector", dimension: "2d", aspect: "1:1", name: "crew-unit", thumbnailUrl: "" } }
+      { id: "c1", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 10, maxHealth: 10, unitType: "crew", name: "Crew", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/units/soldier/soldier.png", role: "player", category: "unit", animations: ["idle"], style: "vector", dimension: "2d", aspect: "1:1", name: "crew-unit", thumbnailUrl: "" } }
     ]
     tiles : [Tile] = [
-      { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-      { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-      { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-      { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
+      { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+      { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+      { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+      { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
     ]
     movesLeft : number = 0
     fx : [Fx] = []
@@ -124,12 +124,12 @@ orbital CrewBoard2DOrbital {
       gridWidth: 7
       gridHeight: 7
       moveBudget: 999999
-      units: [ { id: "c1", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 10, maxHealth: 10, unitType: "crew", name: "Crew", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.png", atlas: "https://almadar-kflow-assets.web.app/shared/_shared/kenney-shape-characters/units/spritesheet_default.json", sprite: "blue_body_square.png", role: "player", category: "unit", animations: ["idle"], style: "vector", dimension: "2d", aspect: "1:1", name: "crew-unit", thumbnailUrl: "" } } ]
+      units: [ { id: "c1", position: { x: 1, y: 1 }, x: 1, y: 1, z: 0, team: "player", health: 10, maxHealth: 10, unitType: "crew", name: "Crew", modelUrl: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/units/soldier/soldier.png", role: "player", category: "unit", animations: ["idle"], style: "vector", dimension: "2d", aspect: "1:1", name: "crew-unit", thumbnailUrl: "" } } ]
       tiles: [
-        { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-        { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-        { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
-        { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.png", atlas: "https://almadar-kflow-assets.web.app/shared/ui-boardgame-board/kenney-puzzle-assets-2/terrain/spritesheet_tilesBlue.json", sprite: "tileBlue_01.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
+        { id: "t-0-0", x: 0, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+        { id: "t-0-1", x: 0, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+        { id: "t-1-0", x: 1, y: 0, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } },
+        { id: "t-1-1", x: 1, y: 1, z: 0, terrain: "grass", passable: true, terrainSprite: { url: "https://almadar-kflow-assets.web.app/shared/ui-tactics-demo-2d/default/terrain/grass/grass.png", role: "tile", category: "terrain", animations: ["static"], style: "vector", dimension: "2d", aspect: "1:1", name: "grass", thumbnailUrl: "" } }
       ]
     }
   }