{# Session state partial #}
<div class="state-item">
    <div class="state-label">Session ID</div>
    <div class="state-value">{{ session_id[:12] }}...</div>
</div>
<div class="state-item">
    <div class="state-label">Turn</div>
    <div class="state-value">{{ session.turn_number }}</div>
</div>
<div class="state-item">
    <div class="state-label">Location</div>
    <div class="state-value">{{ session.game_state.current_location }}</div>
</div>
<div class="state-item">
    <div class="state-label">Type</div>
    <div class="state-value">{{ session.game_state.location_type }}</div>
</div>
<div class="state-item">
    <div class="state-label">Active Quests</div>
    <div class="state-value">{{ session.game_state.active_quests|length }}</div>
</div>

{% if session.game_state.active_quests %}
<div class="state-item" style="margin-top: 0.5rem;">
    <div class="state-label">Quest IDs</div>
    <div class="state-value" style="font-size: 0.75rem;">
        {% for quest_id in session.game_state.active_quests %}
        {{ quest_id[:10] }}...{% if not loop.last %}, {% endif %}
        {% endfor %}
    </div>
</div>
{% endif %}