<div class="api-monitor-ai-wrapper" data-api-id="{{ api_id }}" data-provider-id="{{ provider_id }}">
  <div id="chat-display" class="chat-display-area">
    <div class="ai-msg initial">
      <strong>AI:</strong> Ciao! Sono il tuo assistente tecnico!
    </div>
  </div>

  <div class="chat-input-wrapper">
    <textarea
      id="question-input"
      class="form-textarea"
      placeholder="Es: Come posso recuperare gli ordini spediti ieri?"
      rows="3"></textarea>

    <div class="chat-actions">
      <button id="send-question" class="button button--primary">
        {{ 'Invia domanda'|t }}
      </button>
    </div>
  </div>
</div>
