{% load static %}

Components Rendered {{ component_count }}

{% if components %} {% for component in components %}
{{ component.name }}
Template: {{ component.template }}
Secure Fields: {% if component.secure_fields %} {{ component.secure_fields|join:", " }} {% else %} None {% endif %}
Smart Updates: {% if component.smart_updates %} Enabled {% else %} Disabled {% endif %}
State:
{{ component.state|pprint }}
{% endfor %} {% else %}
No components rendered in this request
{% endif %}

Action Calls {{ action_count }}

{% if actions %} {% for action in actions %}
{{ action.component }}.{{ action.action }}() {% if action.has_file %} File Upload {% endif %}
{% if action.payload %}
Payload: {{ action.payload }}
{% endif %}
{% endfor %} {% else %}
No actions called in this request
{% endif %}

Events Emitted {{ event_count }}

{% if events %} {% for event in events %}
{{ event.event }} from {{ event.component }}
{% if event.data %}
Data: {{ event.data }}
{% endif %}
{% endfor %} {% else %}
No events emitted in this request
{% endif %}

Summary

✓ {{ component_count }} component{{ component_count|pluralize }} rendered
⚡ {{ action_count }} action{{ action_count|pluralize }} called
📡 {{ event_count }} event{{ event_count|pluralize }} emitted