Deploy Myco from CI

scripts/deploy_space.py

@@ -4,6 +4,7 @@ This script is intentionally minimal because CI may call it directly. If the
 optional HF_BUILD_SMALL_HACKATHON_TOKEN secret is missing, it exits cleanly.
 """
 
+import json
 import os
 
 TOKEN_ENV_VAR = "HF_BUILD_SMALL_HACKATHON_TOKEN"
@@ -38,16 +39,10 @@ def get_space_id():
     return os.environ.get("HF_SPACE_ID", DEFAULT_SPACE_ID).strip() or DEFAULT_SPACE_ID
 
 
-def main():
-    """Deploy when a token is configured; otherwise skip without failing."""
-    token = get_hf_token()
-    if not token:
-        print(f"{TOKEN_ENV_VAR} is not configured; skipping Hugging Face Space deployment.")
-        return
-
+def upload_space(token, repo_id):
+    """Upload the repository folder to the configured Hugging Face Space."""
     from huggingface_hub import HfApi
 
-    repo_id = get_space_id()
     HfApi().upload_folder(
         folder_path=".",
         repo_id=repo_id,
@@ -56,7 +51,27 @@ def main():
         ignore_patterns=get_ignore_patterns(),
         commit_message="Deploy Myco from CI",
     )
-    print(f"Deployed Myco to https://huggingface.co/spaces/{repo_id}")
+
+
+def main():
+    """Deploy when a token is configured; otherwise skip without failing."""
+    token = get_hf_token()
+    if not token:
+        print(f"{TOKEN_ENV_VAR} is not configured; skipping Hugging Face Space deployment.")
+        return
+
+    repo_id = get_space_id()
+    for attempt in range(2):
+        try:
+            upload_space(token, repo_id)
+        except json.JSONDecodeError as error:
+            if attempt == 0:
+                print("Hugging Face metadata validation returned non-JSON; retrying once.")
+                continue
+            print(f"Hugging Face metadata validation returned non-JSON again; skipping CI deploy: {error}")
+            return
+        print(f"Deployed Myco to https://huggingface.co/spaces/{repo_id}")
+        return
 
 
 if __name__ == "__main__":

tests/test_myco_core.py

@@ -58,15 +58,17 @@ class MycoCoreTests(unittest.TestCase):
         self.assertIn("clue", current)
         self.assertIn("secret", current)
 
-    def test_home_keeps_original_tree_and_mushroom_scene(self):
+    def test_home_keeps_original_tree_and_mushroom_postcard(self):
         home = home_forest_markdown()
 
-        self.assertIn('class="scene-stage"', home)
-        self.assertIn('class="forest-map"', home)
-        self.assertIn('class="tree tree-left"', home)
-        self.assertIn('class="tree tree-right"', home)
-        self.assertIn('class="myco-player" title="Myco">🍄</span>', home)
-        self.assertIn('class="mushroom-sprite" title="Brown Mushroom">🍄‍🟫</span>', home)
+        self.assertIn('class="home-forest-postcard"', home)
+        self.assertNotIn('class="forest-map"', home)
+        self.assertNotIn('class="scene-stage"', home)
+        self.assertIn('class="home-milky-way" title="Milky Way">🌌</span>', home)
+        self.assertIn('class="home-myco" title="Myco">🍄</span>', home)
+        self.assertIn('class="home-brown-mushroom" title="Brown mushroom">🍄‍🟫</span>', home)
+        self.assertIn("🌲", home)
+        self.assertIn("🌳", home)
         self.assertIn("✨", home)
         self.assertIn("✦", home)
 

ui/renderers.py

@@ -29,17 +29,25 @@ def hero_markdown() -> str:
 
 
 def home_forest_markdown() -> str:
-    """Render the same magical forest scene on the Home tab."""
-    preview_mushroom = {
-        "name": "Brown Mushroom",
-        "rarity": "Common",
-        "habitat": "Home Clearing",
-        "edible": "Unknown",
-        "magic": "Unknown",
-        "danger": "Unknown",
-        "lore": "A cozy brown mushroom waits beside Myco under shining forest stars.",
-    }
-    return forest_scene(preview_mushroom, [], (1, 1))
+    """Render the original non-game Home forest postcard."""
+    return """
+<div class="home-forest-postcard" aria-label="Original Myco forest postcard">
+  <div class="home-sky">
+    <span class="home-milky-way" title="Milky Way">🌌</span>
+    <span class="home-star star-one">✨</span>
+    <span class="home-star star-two">✦</span>
+  </div>
+  <div class="home-forest-floor">
+    <span class="home-tree left">🌲</span>
+    <span class="home-grass grass-left">🌿</span>
+    <span class="home-myco" title="Myco">🍄</span>
+    <span class="home-brown-mushroom" title="Brown mushroom">🍄‍🟫</span>
+    <span class="home-grass grass-right">🍃</span>
+    <span class="home-tree right">🌳</span>
+  </div>
+  <p>Myco waits under the Milky Way beside a brown mushroom. Open Play when you are ready to explore.</p>
+</div>
+"""
 
 
 def play_hook_markdown() -> str:

ui/styles.py

@@ -145,6 +145,76 @@ APP_CSS = """
     color: #31533f;
 }
 
+.home-forest-postcard {
+    position: relative;
+    overflow: hidden;
+    margin: 1rem 0;
+    padding: 1.25rem;
+    border-radius: 28px;
+    background:
+        radial-gradient(circle at 50% 18%, rgba(190, 205, 255, 0.34), transparent 9rem),
+        radial-gradient(circle at 50% 76%, rgba(255, 235, 176, 0.28), transparent 10rem),
+        linear-gradient(180deg, #121f4f 0%, #163a46 38%, #245c3c 70%, #523b20 100%);
+    border: 1px solid rgba(255, 244, 190, 0.34);
+    box-shadow: 0 18px 48px rgba(8, 30, 20, 0.24);
+    color: #fff9d7 !important;
+    text-align: center;
+}
+.home-forest-postcard span,
+.home-forest-postcard p {
+    color: #fff9d7 !important;
+}
+.home-sky {
+    position: relative;
+    min-height: 4.7rem;
+}
+.home-milky-way {
+    display: inline-block;
+    font-size: clamp(3rem, 9vw, 5.5rem);
+    filter: drop-shadow(0 0 18px rgba(201, 218, 255, 0.46));
+}
+.home-star {
+    position: absolute;
+    font-size: clamp(1.5rem, 4vw, 2.5rem);
+    filter: drop-shadow(0 0 12px rgba(255, 251, 198, 0.75));
+}
+.home-star.star-one {
+    left: 18%;
+    top: 0.8rem;
+}
+.home-star.star-two {
+    right: 19%;
+    top: 1.9rem;
+}
+.home-forest-floor {
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    gap: clamp(0.3rem, 2vw, 1rem);
+    min-height: 7rem;
+}
+.home-tree {
+    font-size: clamp(3rem, 8vw, 5.6rem);
+    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.28));
+}
+.home-grass {
+    font-size: clamp(1.8rem, 4vw, 3rem);
+    margin-bottom: 0.25rem;
+}
+.home-myco,
+.home-brown-mushroom {
+    font-size: clamp(3.4rem, 8vw, 6rem);
+    filter: drop-shadow(0 14px 22px rgba(255, 225, 140, 0.22));
+}
+.home-myco {
+    filter: drop-shadow(0 14px 24px rgba(255, 92, 92, 0.32));
+}
+.home-forest-postcard p {
+    max-width: 42rem;
+    margin: 0.9rem auto 0;
+    font-weight: 800;
+}
+
 .play-hook {
     margin-bottom: 1rem;
     padding: 1.1rem 1.25rem;