{% extends "base.html" %}
{% block title %}View {{ rel_path }} · Striatum{% endblock %}
{% block main %}
<section class="page-section view-file-page">
  <header>
    <p class="breadcrumb">
      <a href="/">← Home</a>
      {% if run_breadcrumb %}
      · <a href="/run/{{ run_breadcrumb.run_id }}">Run {{ run_breadcrumb.run_id }}</a>
      {% endif %}
    </p>
    <h1>View <code>{{ rel_path }}</code></h1>
    <div class="run-meta">
      <span class="muted">{{ size_bytes }} bytes</span>
      {% if mode %}<span class="muted">· {{ mode }}</span>{% endif %}
    </div>
  </header>

  {% if rendered_html %}
  <div class="md-body">{{ rendered_html | safe }}</div>
  {% elif text_body %}
  <div id="island-code-viewer" data-props='{{ {"path": rel_path, "language": lang} | tojson }}'></div>
  <pre class="code-pre"><code class="lang-{{ lang }}">{{ text_body }}</code></pre>
  {% else %}
  <p class="empty-state">{{ message or "Cannot display this file inline." }}</p>
  {% endif %}
</section>
{% endblock %}
{% block scripts %}
{% if text_body %}
<script type="module" src="/static/build/island-code-viewer.js"></script>
{% endif %}
{% endblock %}