{# DM response after job completes #}
<div class="dm-response-content">
    {{ dm_response | safe }}
</div>

{# Debug info #}
<div class="debug-panel" style="margin-top: 1rem; padding: 0.5rem; font-size: 0.7rem;">
    <div class="debug-toggle" onclick="this.nextElementSibling.style.display = this.nextElementSibling.style.display === 'none' ? 'block' : 'none'">
        [+] Raw API Response
    </div>
    <div style="display: none; margin-top: 0.5rem; white-space: pre; color: #a3e635; max-height: 150px; overflow: auto;">
{{ raw_result | tojson(indent=2) }}
    </div>
</div>

{# Trigger state and history refresh #}
<div hx-get="{{ url_for('dev.get_state', session_id=session_id) }}"
     hx-trigger="load"
     hx-target="#state-content"
     hx-swap="innerHTML"
     style="display: none;"></div>

<div hx-get="{{ url_for('dev.get_history', session_id=session_id) }}"
     hx-trigger="load"
     hx-target="#history-content"
     hx-swap="innerHTML"
     style="display: none;"></div>