{% comment %}
Shared Agents detail content. Included by detail.html, which extends the SDK
adapter (scitex_sdk/app/app_shell.html) and fills scitex_app_content.
`url_base` is the app mount prefix so the
back link and the lifecycle form action are correct at any mount.
{% endcomment %}
<div class="agents-app" data-page="detail">
  <header class="agents-head">
    <div class="agents-title">
      <a class="back" href="{{ url_base }}/"><i class="fas fa-arrow-left"></i> Fleet</a>
      {% if agent %}
      <h1><i class="fas fa-robot"></i> {{ agent.name }}</h1>
      {% else %}
      <h1><i class="fas fa-ghost"></i> Agent not in scope</h1>
      {% endif %}
      {% if agent %}
      <span class="agents-sub">{{ agent.host }} · acting as <strong>{{ identity|default:"(unidentified)" }}</strong></span>
      {% endif %}
    </div>
  </header>

  {% if not agent %}
  <div class="agents-bannor err" role="alert">
    <i class="fas fa-lock"></i>
    <span>This agent is not visible to <strong>{{ identity|default:"(unidentified)" }}</strong>.</span>
    <small>Cross-host agents are hidden unless the acting identity is explicitly
    authorized for the fleet.</small>
    {% if list_error %}<br><small>Listener: {{ list_error }}</small>{% endif %}
  </div>
  {% else %}
  {% comment %}
  Last delivery outcome: lifecycle/message POSTs redirect back here with
  ?operation=&state=&message=, and this banner is where that delivery status
  lands — next to the forms that caused it. Only server-minted operation
  names render (see _delivery_notice), so the query string cannot inject
  banner copy.
  {% endcomment %}
  {% if notice %}
  <div class="agents-bannor {% if notice.state == 'completed' or notice.state == 'delivered' %}ok{% elif notice.state == 'replay' %}{% else %}err{% endif %}" role="status">
    <i class="fas fa-circle-info"></i>
    <span>{{ notice.operation }}: {{ notice.state }}</span>
    {% if notice.message %}<small class="mono">{{ notice.message }}</small>{% endif %}
    {% if notice.dispatch_id %}<small class="dim mono">dispatch {{ notice.dispatch_id }}</small>{% endif %}
  </div>
  {% endif %}
  <div class="detail-grid">
    <div class="detail-card">
      <div class="detail-state">
        <span class="dot {{ agent.state_tone }}"></span>
        <span class="detail-state-label {{ agent.state_tone }}">{{ agent.state_label }}</span>
        {% if cross_host %}<span class="pill cross">cross-host</span>{% endif %}
      </div>
      <dl class="kv">
        <dt>Runtime</dt><dd>{{ agent.runtime }}</dd>
        <dt>Billing</dt><dd>{{ agent.billing_mode }}</dd>
        <dt>Auth identity</dt><dd>{{ agent.auth_identity }}</dd>
        <dt>Identity source</dt><dd>{{ agent.runtime_identity_source }}</dd>
        <dt>Harness</dt><dd>{{ agent.harness }}</dd>
        <dt>Role</dt><dd>{{ agent.role }}</dd>
        <dt>Engine</dt><dd>{{ agent.engine }}</dd>
        <dt>Model</dt><dd>{{ agent.model }}</dd>
        <dt>Project</dt><dd>{{ agent.project }}</dd>
        <dt>Host</dt><dd>{{ agent.host }}</dd>
        <dt>PID</dt><dd>{{ agent.pid|default:"—" }}</dd>
        <dt>a2a port</dt><dd>{{ agent.a2a_port|default:"—" }}</dd>
        <dt>Turn URL</dt><dd class="mono">{{ agent.turn_url|default:"—" }}</dd>
        <dt>Session</dt><dd class="mono">{{ agent.session|default:"—" }}</dd>
        {% if agent.detail.started_at %}<dt>Started</dt><dd>{{ agent.detail.started_at }}</dd>{% endif %}
      </dl>
    </div>

    <div class="detail-card detail-card-wide">
      <h2>Runtime activity</h2>
      <dl class="kv activity-kv">
        <dt>Phase</dt><dd>{% if agent.activity.phase.state == "observed" %}{{ agent.activity.phase.value }}{% else %}<span class="unknown" title="{{ agent.activity.phase.reason }}">Unknown</span>{% endif %}</dd>
        <dt>Operation</dt><dd>{% if agent.activity.operation.state == "observed" %}{{ agent.activity.operation.value }}{% else %}<span class="unknown" title="{{ agent.activity.operation.reason }}">Unknown</span>{% endif %}</dd>
        <dt>Turn elapsed</dt><dd>{% if agent.activity.turn_elapsed.state == "observed" %}{{ agent.activity.turn_elapsed.value }} s{% else %}<span class="unknown" title="{{ agent.activity.turn_elapsed.reason }}">Unknown</span>{% endif %}</dd>
        <dt>Last progress</dt><dd>{% if agent.activity.last_progress.state == "observed" %}{{ agent.activity.last_progress.value }}{% else %}<span class="unknown" title="{{ agent.activity.last_progress.reason }}">Unknown</span>{% endif %}</dd>
        <dt>Queue</dt><dd>{% if agent.activity.queue.state == "observed" %}{{ agent.activity.queue.value }}{% else %}<span class="unknown" title="{{ agent.activity.queue.reason }}">Unknown</span>{% endif %}</dd>
        <dt>Inference</dt><dd>{% if agent.activity.inference.state == "observed" %}{{ agent.activity.inference.value }}{% else %}<span class="unknown" title="{{ agent.activity.inference.reason }}">Unknown</span>{% endif %}</dd>
        <dt>Tool</dt><dd>{% if agent.activity.tool.state == "observed" %}{{ agent.activity.tool.value }}{% else %}<span class="unknown" title="{{ agent.activity.tool.reason }}">Unknown</span>{% endif %}</dd>
        <dt>Wait</dt><dd>{% if agent.activity.wait.state == "observed" %}{{ agent.activity.wait.value }}{% else %}<span class="unknown" title="{{ agent.activity.wait.reason }}">Unknown</span>{% endif %}</dd>
      </dl>
      <p class="dim activity-note">Only runner-published state is shown. Unknown means SAC has no authoritative signal; session logs are not guessed into activity.</p>
    </div>

    <div class="detail-card">
      <h2>Control</h2>
      {% if agent.state_detail %}
      <p class="dim">Status: <span class="mono">{{ agent.state_detail }}</span></p>
      {% endif %}
      {% if agent.detail_error %}
      <p class="dim">Status endpoint unavailable: <span class="mono">{{ agent.detail_error }}</span></p>
      {% endif %}
      {% if can_operate %}
      <p class="dim">
        {% if cross_host %}
        Cross-host control — this action is recorded in the operator audit trail.
        {% else %}
        You are an authorized lifecycle operator for this node's agents.
        {% endif %}
      </p>
      <form method="post" action="{{ url_base }}/{{ agent.name }}/action" class="lifecycle-form">
        {% if csrf_token %}<input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">{% endif %}
        <div class="lifecycle-btns">
          <button type="submit" name="action" value="start" class="btn good"><i class="fas fa-play"></i> Start</button>
          <button type="submit" name="action" value="restart" class="btn"><i class="fas fa-rotate"></i> Restart</button>
          <button type="submit" name="action" value="stop" class="btn bad"><i class="fas fa-stop"></i> Stop</button>
        </div>
      </form>

      {% comment %}
      Message / steer and the three SAC UI-control keys. Both POST to the
      agent's OWN bridge endpoint (its published turn_url) — the GUI never
      constructs a host/port and never drives tmux. Each submit carries a
      dispatch id so a double-click cannot inject the text twice.
      {% endcomment %}
      <h3 class="control-sub" id="message">Send a message</h3>
      <form method="post" action="{{ url_base }}/{{ agent.name }}/message" class="message-form">
        {% if csrf_token %}<input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">{% endif %}
        <input type="hidden" name="dispatch_id" value="{{ dispatch_id }}">
        <label class="visually-hidden" for="msg-{{ agent.name }}">Message</label>
        <textarea id="msg-{{ agent.name }}" name="message" rows="3" maxlength="4000"
                  placeholder="Message or steering instruction…"></textarea>
        <div class="lifecycle-btns">
          <button type="submit" class="btn"><i class="fas fa-paper-plane"></i> Send</button>
        </div>
      </form>

      <h3 class="control-sub">UI control</h3>
      <p class="dim">Positional input to the agent's live terminal — Enter submits,
      Escape dismisses, C-c interrupts. Nothing else is available.</p>
      <form method="post" action="{{ url_base }}/{{ agent.name }}/message" class="control-form">
        {% if csrf_token %}<input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">{% endif %}
        <input type="hidden" name="dispatch_id" value="{{ dispatch_id }}">
        <div class="lifecycle-btns">
          {% for key in control_keys %}
          <button type="submit" name="control_key" value="{{ key }}" class="btn">{{ key }}</button>
          {% endfor %}
        </div>
      </form>
      {% else %}
      <p class="dim"><i class="fas fa-lock"></i> Read-only. Control requires an
      identity listed in the lifecycle-operator allowlist{% if cross_host %} — or, for
      cross-host agents, the cross-host operator allowlist{% endif %}.</p>
      {% endif %}
    </div>

    <div class="detail-card" id="message-thread">
      <h2>Message thread</h2>
      {% comment %}
      The thread the daemon actually stores: the agent's session log tail
      (GET /agents/<name>/tail, summarized + redacted server-side). The
      console deliberately keeps no operator-message transcript — a delivery
      is either reported delivered or reported failed (see the banner above
      and the send form), never parked in the dashboard. So "history" here
      is the session records, newest last, capped to the recent few; the
      full tail stays in the session-log card below.
      {% endcomment %}
      {% if notice and notice.operation == "message" or notice and notice.operation == "control" %}
      <p class="dim">Last send: <span class="mono">{{ notice.operation }} · {{ notice.state }}</span>{% if notice.message %} — <span class="mono">{{ notice.message }}</span>{% endif %}</p>
      {% endif %}
      {% if agent.session_error %}
      <p class="dim">History unavailable: <span class="mono">{{ agent.session_error }}</span></p>
      {% elif agent.session_lines %}
      <ul class="session-log mono">
        {% for line in agent.session_lines|slice:"-5:" %}
        <li>{{ line }}</li>
        {% endfor %}
      </ul>
      <p class="dim session-note">Most recent session records. <a href="#message">Send a message</a> to steer this agent.</p>
      {% else %}
      <p class="dim">No session records yet — and the console holds no earlier
      operator messages to show. <a href="#message">Send the first one</a>.</p>
      {% endif %}
    </div>

    <div class="detail-card">
      <h2>Resources</h2>
      {% with r=agent.resources %}
      {% if r.state == "ok" %}
      <dl class="kv">
        <dt>PID</dt><dd class="mono">{{ r.pid }}</dd>
        <dt>RSS</dt><dd class="mono">{{ r.rss|default:"—" }}</dd>
        <dt>VSZ</dt><dd class="mono">{{ r.vsz|default:"—" }}</dd>
        <dt>CPU ticks</dt><dd class="mono">{{ r.cpu_ticks|default:"—" }}</dd>
        <dt>Process tree</dt><dd>{{ r.tree_size }} process(es)</dd>
      </dl>
      {% elif r.state == "namespace" %}
      <p class="dim"><i class="fas fa-boxes"></i> PID {{ r.pid }} is reported by the listener but runs in a
      separate pid namespace (apptainer isolation) — live CPU/memory cannot be
      read from the web process, so no value is shown rather than a guessed one.</p>
      {% else %}
      <p class="dim"><i class="fas fa-power-off"></i> No process to read (agent not started or stopped).</p>
      {% endif %}
      {% endwith %}
    </div>

    <div class="detail-card">
      <h2>Recent session log</h2>
      {% if agent.session_error %}
      <p class="dim">Log unavailable: <span class="mono">{{ agent.session_error }}</span></p>
      {% elif agent.session_lines %}
      <ul class="session-log mono">
        {% for line in agent.session_lines %}
        <li>{{ line }}</li>
        {% endfor %}
      </ul>
      <p class="dim session-note">Tail (last {{ agent.session_lines|length }} lines), secrets redacted.</p>
      {% else %}
      <p class="dim">No session log recorded yet.</p>
      {% endif %}
    </div>
  </div>
  {% endif %}
</div>