{% extends "base.html" %}
{% block content %}
{% set node_data = response_data(node) %}
{% set node_error = response_error(node) %}
<div class="w-full max-w-full space-y-6">
  <div class="flex items-start justify-between gap-4">
    <div>
      <h1 class="text-lg font-semibold text-slate-100">Nodes</h1>
      <p class="mt-1 text-sm text-slate-500">
        Direct node view for <code class="text-cyan-400">octa_client.nodes.find({{ node_id }})</code>.
      </p>
    </div>
    <a href="/playground/nodes?selected_id={{ node_id }}" class="rounded border border-slate-700 px-3 py-1.5 text-xs text-slate-400 transition-colors hover:border-slate-600 hover:text-slate-200">Back to list</a>
  </div>

  {% if node_error %}
    {% set error = node_error %}
    {% include "shared/error_card.html" %}
  {% elif node_data %}
    {% set node = node_data %}
    {% set close_path = "/playground/nodes" %}
    {% include "shared/node_detail_panel.html" %}
  {% else %}
    <div class="rounded-xl border border-dashed border-slate-800 bg-slate-900/30 px-6 py-12 text-center text-sm text-slate-500">Node payload unavailable.</div>
  {% endif %}
</div>
{% endblock %}