Deploy Myco from CI

ui/renderers.py

@@ -33,6 +33,7 @@ EMOTION_ANIMATION: dict[str, str] = {
     "wonder":   "myco-bob 3.2s ease-in-out infinite",
     "proud":    "myco-bob 2s ease-in-out infinite",
     "sad":      "myco-fall 0.6s ease both",
+    "scanning": "myco-bob 2.4s ease-in-out infinite, myco-scan 3s ease-in-out infinite",
 }
 
 MYCO_FILTER: dict[str, str] = {
@@ -43,6 +44,7 @@ MYCO_FILTER: dict[str, str] = {
     "wonder":   "drop-shadow(0 6px 18px rgba(140,100,255,.5))",
     "proud":    "drop-shadow(0 6px 14px rgba(100,255,160,.4))",
     "sad":      "drop-shadow(0 6px 14px rgba(100,100,180,.3))",
+    "scanning": "drop-shadow(0 6px 18px rgba(255,255,255,.5))",
 }
 
 SCENE_BG: dict[str, str] = {
@@ -68,11 +70,15 @@ SCENE_STYLES = """<style>
 .sparkle-one { left:34%; top:18%; font-size:1.8rem; animation:twinkle 1.8s ease-in-out infinite; }
 .sparkle-two { right:33%; top:24%; font-size:1.6rem; animation:twinkle 2.2s ease-in-out infinite reverse; }
 @keyframes twinkle { 0%,100%{opacity:.3;transform:scale(.85);} 50%{opacity:1;transform:scale(1.18);} }
-.myco-player { font-size:4rem; z-index:2; transition: left .32s cubic-bezier(.34,1.56,.64,1), bottom .32s cubic-bezier(.34,1.56,.64,1), filter .6s ease; }
+
+/* Myco Animation Logic */
+.myco-player { font-size:4rem; z-index:2; display: inline-block; transition: left .32s cubic-bezier(.34,1.56,.64,1), bottom .32s cubic-bezier(.34,1.56,.64,1), filter .6s ease; }
 @keyframes myco-bob { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-.45rem);} }
 @keyframes myco-recoil { 0%{transform:translateX(0);} 30%{transform:translateX(-1.2rem);} 60%{transform:translateX(.4rem);} 100%{transform:translateX(0);} }
 @keyframes myco-run-in { 0%{transform:translateX(-3rem) scaleX(-1);} 100%{transform:translateX(0) scaleX(1);} }
 @keyframes myco-fall { 0%{transform:rotate(0) translateY(0); opacity:1;} 100%{transform:rotate(-90deg) translateY(2rem); opacity:.4;} }
+@keyframes myco-scan { 0%,100%{transform:rotateY(0deg) scaleX(1);} 30%{transform:rotateY(-25deg) scaleX(1);} 70%{transform:rotateY(25deg) scaleX(1);} }
+
 /* Position Grid */
 .pos-0-0 .myco-player{left:14%;bottom:62%;} .pos-1-0 .myco-player{left:41%;bottom:62%;} .pos-2-0 .myco-player{left:67%;bottom:62%;}
 .pos-0-1 .myco-player{left:14%;bottom:36%;} .pos-1-1 .myco-player{left:41%;bottom:36%;} .pos-2-1 .myco-player{left:67%;bottom:36%;}
@@ -133,13 +139,12 @@ def forest_scene(
     pos_cls  = f"pos-{pos_x}-{pos_y}"
     
     # ── Read LLM-driven signals ──────────────────────────────────────────
-    scene_mood  = (current or {}).get("scene_mood", "normal")
+    scene_mood   = (current or {}).get("scene_mood", "normal")
     myco_emotion = (current or {}).get("myco_emotion", "curious")
     
     if scene_mood not in MOOD_BG: scene_mood = "normal"
     if myco_emotion not in EMOTION_ANIMATION: myco_emotion = "curious"
     
-    stage_bg   = "linear-gradient(transparent 62%, rgba(106,79,33,.55) 63%), " + MOOD_BG[scene_mood]
     myco_anim  = EMOTION_ANIMATION[myco_emotion]
     myco_filt  = MYCO_FILTER[myco_emotion]
     outer_bg   = SCENE_BG.get(scene_mood, SCENE_BG["normal"])
@@ -150,32 +155,57 @@ def forest_scene(
         rarity        = "common"
         sprite        = "✨"
         status        = "The moss is listening. Click Search Clearing to wake the forest."
-        omen          = "🍄 Myco twitches excitedly. It senses spores nearby."
-        event_label   = "🌌 Dreaming Forest"
-        encounter     = "The next clearing may reveal a memory, creature, or poison omen."
-        mystery_label = "The Wrong Memory"
-        score_total   = "0"
-        health        = "3"
         reward_text   = "Search a clearing to score spores."
         state_cls     = "state-waiting"
+        event_title   = "Dreaming Forest"
+        encounter     = "The next clearing may reveal a memory, creature, or poison omen."
     else:
         mushroom_name = current.get("name", "Mystery mushroom")
         rarity        = current.get("rarity", "Common").lower()
-        # Sprite logic ...
-        sprite = "🍄‍🟫" # Simplified for brevity; logic remains as provided
-        # ... [remaining render logic]
+        sprite        = "🍄‍🟫" 
         state_cls     = _scene_state_class(current)
-        # ... status/omen text generation
+        status        = f"A {rarity} {mushroom_name} breaks through the moss!"
+        reward_text   = current.get("reward_text", "Decide whether to risk the pickup.")
+        event_title   = current.get('event_title', 'Strange Omen')
+        encounter     = current.get("encounter", "The forest waits.")
     
     import time
     anim_key = str(int(time.time() * 1000))[-6:]
     
-    # Returning the final HTML template string
-    return f'''{SCENE_STYLES}<div class="forest-scene rarity-{escape(rarity)} {pos_cls} {state_cls}" 
-     data-key="{anim_key}" data-mood="{escape(scene_mood)}" data-emotion="{escape(myco_emotion)}" 
-     style="background: radial-gradient(circle at 50% 72%,rgba(255,239,173,.18),transparent 8rem), radial-gradient(circle at 18% 24%,rgba(134,225,153,.15),transparent 10rem), {escape(outer_bg)}; border: 1px solid rgba(225,255,209,.25);">
-     ... [Include full template structure here] ...
-     </div>'''
+    return f'''{SCENE_STYLES}
+    <div class="forest-scene rarity-{escape(rarity)} {pos_cls} {state_cls}" 
+      data-key="{anim_key}" data-mood="{escape(scene_mood)}" data-emotion="{escape(myco_emotion)}" 
+      style="background: radial-gradient(circle at 50% 72%,rgba(255,239,173,.18),transparent 8rem), radial-gradient(circle at 18% 24%,rgba(134,225,153,.15),transparent 10rem), {escape(outer_bg)}; border: 1px solid rgba(225,255,209,.25);">
+        
+      <div class="scene-hud">
+        <span>🧭 {escape(area.name)}</span>
+        <span>🎮 ({pos_x+1},{pos_y+1})</span>
+        <span>⭐ {current.get('score_total', '0') if current else '0'}</span>
+        <span>❤️ {current.get('health', '3') if current else '3'}/3</span>
+      </div>
+
+      <div class="scene-stage">
+        <span class="tree-left">🌲</span>
+        <span class="tree-right">🌳</span>
+        <span class="grass-one">🌿</span>
+        <span class="grass-two">🍃</span>
+        <span class="myco-player" style="animation: {myco_anim}; filter: {myco_filt};" title="Myco">🍄</span>
+        <span class="mushroom-sprite" title="{escape(mushroom_name)}">{sprite}</span>
+      </div>
+
+      <div class="forest-map">
+        {_movement_tiles(pos_x, pos_y)}
+      </div>
+
+      <div class="scene-caption">
+        <strong>{escape(status)}</strong>
+      </div>
+      <div class="score-burst">{escape(reward_text)}</div>
+      <div class="story-moment">
+        <strong>{escape(event_title)}</strong>
+        <span>{escape(encounter)}</span>
+      </div>
+    </div>'''
 
 # ── Helper Functions ───────────────────────────────────────────────────
 
@@ -202,17 +232,12 @@ def _scene_state_class(current):
 def _safe_collection(collection):
     return list(collection or [])
 
-# ... [Remaining functions: game_status_markdown, mushroom_card, etc.]
-def game_status_markdown(
-    current: MushroomState | None,
-    collection: CollectionState | None,
-    position: tuple[int, int] | None = None,
-) -> str:
+def game_status_markdown(current: MushroomState | None, collection: CollectionState | None, position: tuple[int, int] | None = None) -> str:
     count = len(_safe_collection(collection))
     pos_x, pos_y = _safe_position(position)
     active_mystery = next_mystery(count)
     mystery_line   = _mystery_goal_line(active_mystery, count)
-
+    
     if current is None:
         objective  = "Goal: solve **one mystery** — why does Myco remember a vanished forest?"
         discovery  = "No active discovery yet. Move Myco, then Search Clearing."
@@ -261,14 +286,8 @@ def _mystery_bloom_meter(count):
         return f"{petals} Impossible Bloom visible"
     return f"{petals} {5-filled} clue-whispers remain"
 
-def mushroom_card(
-    mushroom: Mushroom | None,
-    clue: str | None = None,
-    secret: str | None = None,
-    state: MushroomState | None = None,
-) -> str:
-    if mushroom is None:
-        return "### 🌲 Forest Clearing\nClick **Search Clearing** — watch Myco run toward the mushroom!"
+def mushroom_card(mushroom: Mushroom | None, clue: str | None = None, secret: str | None = None, state: MushroomState | None = None) -> str:
+    if mushroom is None: return "### 🌲 Forest Clearing\nClick **Search Clearing** — watch Myco run toward the mushroom!"
     s = state or {}
     poison = mushroom.name in POISONOUS_MUSHROOM_NAMES
     poison_warning = "\n> ⚠️ **Myco senses danger — do NOT pick this without studying first!**" if poison else ""
@@ -291,7 +310,7 @@ def mushroom_card(
 
 def _mushroom_value_label(rarity):
     if rarity == "Legendary": return "100 spores"
-    if rarity == "Rare":      return "35 spores + special discovery"
+    if rarity == "Rare":     return "35 spores + special discovery"
     return "10 spores"
 
 def _poison_risk_label(name):
@@ -313,8 +332,7 @@ def world_map_markdown(collection: CollectionState | None) -> str:
             '</div>',
         )))
     secrets = tuple(_secret_badge(t.name, count >= t.required_discoveries) for t in revealed_mysteries(count))
-    if not secrets:
-        secrets = (_secret_badge("First Spore", False),)
+    if not secrets: secrets = (_secret_badge("First Spore", False),)
     return "\n".join((
         '<div class="world-map-panel">',
         '  <div class="world-map-header"><p class="eyebrow">World Map</p>',
@@ -332,24 +350,17 @@ def _secret_badge(label, unlocked):
 
 def dex_markdown(collection: CollectionState | None) -> str:
     current_collection = _safe_collection(collection)
-    if not current_collection:
-        return EMPTY_DEX
+    if not current_collection: return EMPTY_DEX
     rows = ["### 📖 MycoDex", ""]
     for entry in current_collection:
-        rows.append(
-            f"* 🍄 **{entry['name']}** — {entry['rarity']} — {entry['habitat']} "
-            f"— clue: {entry.get('clue','not studied yet')}"
-        )
+        rows.append(f"* 🍄 **{entry['name']}** — {entry['rarity']} — {entry['habitat']} — clue: {entry.get('clue','not studied yet')}")
     return "\n".join(rows)
 
-def _safe_collection(collection):
-    return list(collection or [])
-
 def progress_markdown(collection: CollectionState | None) -> str:
-    count         = len(_safe_collection(collection))
-    active_area   = current_area(count)
-    upcoming_area = next_area(count)
-    unlocked_names= ", ".join(a.name for a in unlocked_areas(count))
+    count           = len(_safe_collection(collection))
+    active_area     = current_area(count)
+    upcoming_area   = next_area(count)
+    unlocked_names  = ", ".join(a.name for a in unlocked_areas(count))
     rows = [
         "### ✨ Forest Progress",
         f"**MycoDex discoveries:** {count}",
@@ -374,138 +385,5 @@ def _mystery_goal_line(active_mystery, count):
     return f"**Mystery:** {remaining} clue discoveries until **{active_mystery.name}** — {active_mystery.clue}"
 
 def game_intro_markdown() -> str:
-    return """
-<div class="myco-hero-banner">
-
-  <div class="floating-spores">
-    <span>✨</span>
-    <span>✦</span>
-    <span>✨</span>
-    <span>✧</span>
-    <span>✨</span>
-  </div>
-
-  <div class="myco-avatar">🍄</div>
-
-  <h1>🌲 The Deep Forest 🌲</h1>
-
-  <div class="highlight-line">
-    🍄 Myco wants to investigate <span>EVERY SINGLE ONE</span>.
-  </div>
-
-  <div class="myco-thought">
-    💭 “I know this forest... but I don't remember why.”
-  </div>
-
-</div>
-
-<style>
-.myco-hero-banner{
-    position:relative;
-    overflow:hidden;
-    text-align:center;
-    padding:2rem;
-    margin-bottom:1rem;
-    border-radius:24px;
-
-    background:
-      radial-gradient(circle at 20% 20%, rgba(255,240,160,.18), transparent 30%),
-      radial-gradient(circle at 80% 30%, rgba(120,255,180,.15), transparent 35%),
-      linear-gradient(
-          135deg,
-          #0f2027 0%,
-          #203a43 35%,
-          #2c5530 70%,
-          #0f2027 100%
-      );
-
-    border:1px solid rgba(255,255,255,.12);
-
-    box-shadow:
-        0 0 30px rgba(0,0,0,.35),
-        inset 0 0 60px rgba(255,255,255,.03);
-}
-
-.myco-avatar{
-    font-size:4.5rem;
-    animation:bounce 2.2s ease-in-out infinite;
-    filter:drop-shadow(0 0 18px rgba(255,210,100,.7));
-}
-
-.myco-hero-banner h1{
-    color:#f8ffd7 !important;
-    margin:.4rem 0 .8rem;
-    font-size:2.2rem;
-    text-shadow:0 0 16px rgba(255,255,180,.3);
-}
-
-.highlight-line{
-    margin:1.2rem auto;
-    padding:.9rem 1.2rem;
-    max-width:700px;
-    border-radius:999px;
-
-    background:linear-gradient(
-      90deg,
-      rgba(255,210,80,.18),
-      rgba(255,255,255,.06),
-      rgba(255,210,80,.18)
-    );
-
-    color:#ffffff !important;
-    font-weight:700;
-    font-size:1.05rem;
-}
-
-.highlight-line span{
-    color:#ffd54f !important;
-    font-weight:900;
-    letter-spacing:.08em;
-    text-shadow:0 0 12px rgba(255,215,0,.7);
-}
-
-.myco-thought{
-    margin-top:1rem;
-    color:#fff6c2 !important;
-    font-style:italic;
-    animation:pulse 3s ease-in-out infinite;
-}
-
-.floating-spores span{
-    position:absolute;
-    font-size:1.2rem;
-    animation:float 6s linear infinite;
-}
-
-.floating-spores span:nth-child(1){left:10%;top:15%;}
-.floating-spores span:nth-child(2){left:25%;top:60%;animation-delay:1s;}
-.floating-spores span:nth-child(3){left:50%;top:10%;animation-delay:2s;}
-.floating-spores span:nth-child(4){left:75%;top:55%;animation-delay:3s;}
-.floating-spores span:nth-child(5){left:90%;top:20%;animation-delay:4s;}
-
-@keyframes bounce{
-    0%,100%{transform:translateY(0);}
-    50%{transform:translateY(-10px);}
-}
-
-@keyframes pulse{
-    0%,100%{opacity:.75;}
-    50%{opacity:1;}
-}
-
-@keyframes float{
-    0%{
-        transform:translateY(15px);
-        opacity:.2;
-    }
-    50%{
-        opacity:1;
-    }
-    100%{
-        transform:translateY(-20px);
-        opacity:.2;
-    }
-}
-</style>
-"""
+    return """<div class="myco-hero-banner"><div class="floating-spores"><span>✨</span><span>✦</span><span>✨</span><span>✧</span><span>✨</span></div><div class="myco-avatar">🍄</div><h1>🌲 The Deep Forest 🌲</h1><div class="highlight-line">🍄 Myco wants to investigate <span>EVERY SINGLE ONE</span>.</div><div class="myco-thought">💭 “I know this forest... but I don't remember why.”</div></div>"""