{% load ui_assets ui_props ui_stream %}
{% ui_require_asset "trellis:core" %}
<c-vars url="" scopes="" open_when_hidden="False" />
{% if not url %}
    {% url "trellis_ui:events" as url %}
{% endif %}
{% url "trellis_ui:client_session" as client_session_refresh_url %}
{% ui_client_session as client_session %}
{% ui_stream_timeout_ms as connect_timeout %}
<div x-data
     x-ui-stream="{{ url }}"
     id="ui-stream"
     data-ui-stream
     data-ui-stream-client="{{ client_session.token }}"
     data-ui-stream-client-expires="{{ client_session.expires_at }}000"
     data-ui-stream-client-refresh="{{ client_session_refresh_url }}"
     data-ui-stream-scopes="{{ scopes }}"
     {% if open_when_hidden|ui_bool %}data-ui-stream-open-when-hidden="true"{% endif %}
     data-ui-stream-state="connecting"
     data-ui-stream-timeout="{{ connect_timeout }}"
     hidden
     inert
     {{ attrs }}>
</div>