{% extends "base.html" %} {% block title %}Task: {{ task_id }} — Rustvello
Monitor{% endblock %} {% block content %}
<div class="pynmon-container">
  <div class="col-12">
    <div class="card pynmon-card">
      <div
        class="card-header pynmon-card-header d-flex justify-content-between align-items-center compact-header"
      >
        <span>
          <span class="material-icons align-middle me-1" style="font-size: 20px"
            >task_alt</span
          >
          {{ task_id }}
        </span>
        <a href="/tasks" class="btn btn-sm btn-outline-secondary">
          <span class="material-icons align-middle" style="font-size: 16px"
            >arrow_back</span
          >
          Back to Tasks
        </a>
      </div>
      <div class="card-body pynmon-card-body">
        <div class="row pynmon-row-compact">
          <div class="col-md-6">
            <div class="card pynmon-card">
              <div class="card-header compact-header">Basic Information</div>
              <div class="card-body">
                <table class="table pynmon-table">
                  <tbody>
                    <tr>
                      <th>Task ID:</th>
                      <td><strong>{{ task_id }}</strong></td>
                    </tr>
                    {% if !language.is_empty() %}
                    <tr>
                      <th>Language:</th>
                      <td><span class="badge language-badge language-{{ language }}">{{ language }}</span></td>
                    </tr>
                    <tr>
                      <th>Module:</th>
                      <td><code>{{ module }}</code></td>
                    </tr>
                    <tr>
                      <th>Function:</th>
                      <td><code>{{ function }}</code></td>
                    </tr>
                    {% endif %}
                    <tr>
                      <th>Application:</th>
                      <td><span class="badge bg-info">{{ app_id }}</span></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="card pynmon-card">
              <div class="card-header compact-header">Quick Actions</div>
              <div class="card-body">
                <div class="d-flex gap-2 flex-wrap">
                  <a href="{{ invocations_url }}" class="btn btn-sm btn-outline-primary">
                    <span
                      class="material-icons align-middle me-1"
                      style="font-size: 16px"
                      >list_alt</span
                    >
                    All Invocations
                  </a>
                  <a
                    href="{{ timeline_url }}"
                    class="btn btn-sm btn-outline-secondary"
                  >
                    <span
                      class="material-icons align-middle me-1"
                      style="font-size: 16px"
                      >timeline</span
                    >
                    Timeline
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="row pynmon-row-compact">
          <div class="col-12">
            <div class="card pynmon-card">
              <div class="card-header compact-header">
                Invocations ({{ invocation_count }})
              </div>
              <div class="card-body">
                {% if !invocations.is_empty() %}
                {% include "components/invocation_table.html" %}
                {% include "components/pagination.html" %}
                {% else %}
                <p class="text-muted">No invocations for this task.</p>
                {% endif %}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}