fix: signal tag and ecosystem device support

Author: rkv0id

scripts/build_index.py

@@ -995,6 +995,8 @@ def _build_eco_card_context(run_dir: Path) -> dict[str, Any]:
         "initial_mass": f"{measures.get('initial_mass', 0.0):.1f}",
         "mass_turnover": f"{measures.get('mass_turnover', 0.0) * 100:.3f}",
         "elapsed": f"{summary.get('elapsed_seconds', 0.0):.1f}s",
+        "has_signal": any(v > 0 for v in measures.get("signal_total_history", [])),
+        "outcome_label": measures.get("outcome_label", ""),
     }
 
 

src/biota/viz/templates/ecosystem.html

@@ -771,6 +771,12 @@ <h1 class="page-title">
     <div class="page-grid">
     {% if output_format == "gif" and gif_src %}
     <img class="eco-gif-mobile" src="{{ gif_src }}" alt="ecosystem animation" />
+    {% if signal_gif_src %}
+    <div class="eco-gif-mobile" style="margin-top:8px;">
+        <div style="font-size:9px;color:#3cdcc8;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:4px;">signal field</div>
+        <img style="width:100%;height:auto;border-radius:4px;" src="{{ signal_gif_src }}" alt="signal field animation" />
+    </div>
+    {% endif %}
     {% endif %}
     <aside class="run-meta">
         {% if sources %}

src/biota/viz/templates/index.html

@@ -710,7 +710,7 @@ <h2>Further reading</h2>
                 <div class="card-body" style="padding-top:16px">
                     <div class="card-id">
                         {{ card.run_id }}
-                        {% if card.mode == "heterogeneous" %}<span style="margin-left:8px;font-size:9px;letter-spacing:0.05em;text-transform:uppercase;padding:1px 6px;border-radius:8px;background:rgba(192,132,252,0.1);color:#c084fc;border:1px solid rgba(192,132,252,0.25)">het</span>{% endif %}
+                        {% if card.mode == "heterogeneous" %}<span style="margin-left:8px;font-size:9px;letter-spacing:0.05em;text-transform:uppercase;padding:1px 6px;border-radius:8px;background:rgba(192,132,252,0.1);color:#c084fc;border:1px solid rgba(192,132,252,0.25)">het</span>{% endif %}{% if card.has_signal %}<span style="margin-left:6px;font-size:9px;letter-spacing:0.05em;text-transform:uppercase;padding:1px 6px;border-radius:8px;background:rgba(60,220,200,0.1);color:#3cdcc8;border:1px solid rgba(60,220,200,0.25)">signal</span>{% endif %}
                     </div>
                     <div class="card-stats">
                         <span class="card-stat"><span class="card-stat-v">{{ card.n_creatures }}</span> creatures</span>
@@ -733,7 +733,7 @@ <h2>Further reading</h2>
                         {% endif %}
                         {% if card.border and card.border != "wall" %}<span class="card-cfg-item" style="color:#fbbf77">{{ card.border }}</span>{% endif %}
                     </div>
-                    <div class="card-descriptors">mass turnover {{ card.mass_turnover }}%/step</div>
+                    <div class="card-descriptors">mass turnover {{ card.mass_turnover }}%/step{% if card.outcome_label %} &middot; {{ card.outcome_label }}{% endif %}</div>
                 </div>
             </a>
             {% endfor %}