{# T31 -- chat-style render for one LLM-call dump.

Usage:
   {% with chat_view_id='...', dump_url='/debug/scans/.../llm-calls/.../dump' %}
     {% include 'partials/llm_chat_view.html' %}
   {% endwith %}

   OR with a pre-loaded dump dict (sandbox diff -- inline payload):

   {% with chat_view_id='...', inline_dump=some_dump_dict %}
     {% include 'partials/llm_chat_view.html' %}
   {% endwith %}

Required:
   chat_view_id  -- unique DOM id (used to disambiguate copy-button
                    targets when multiple partials render on one page)

One of:
   dump_url      -- endpoint that returns the dump JSON; fetched on first
                    expand via ``window.llmChatFetch``.
   inline_dump   -- a pre-loaded dump dict; serialised inline so the JS
                    renders without a round-trip (used by sandbox diff
                    where the whole point of the page is comparison).
#}
<div class="llm-chat-view"
     data-chat-view-id="{{ chat_view_id }}"
     {% if dump_url %}data-dump-url="{{ dump_url }}"{% endif %}
     {% if inline_dump is defined and inline_dump is not none %}data-inline-dump="{{ inline_dump | tojson | e }}"{% endif %}>
  <div class="flex items-center justify-between mb-2">
    <div class="text-xs text-gray-500" data-chat-meta></div>
    <button type="button"
            class="text-xs text-blue-600 hover:underline"
            data-toggle-raw>
      View raw JSON
    </button>
  </div>
  <div class="chat-bubbles space-y-3" data-chat-bubbles>
    <div class="text-sm text-gray-400 italic" data-chat-loading>Loading&hellip;</div>
  </div>
  <pre class="hidden bg-gray-900 text-gray-100 text-xs p-4 rounded overflow-x-auto max-w-full whitespace-pre"
       data-raw-json></pre>
</div>