static/addIntentModal.html

<!-- Add/Edit API Modal -->
<div class="modal fade" id="addIntentModal" tabindex="-1" aria-labelledby="addIntentModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add / Edit API</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <input type="text" id="apiNameInput" class="form-control mb-2" placeholder="API Name">
        <input type="text" id="apiUrlInput" class="form-control mb-2" placeholder="API URL">
        <input type="text" id="apiAuthInput" class="form-control mb-2" placeholder="Auth (if any)">
        <select id="apiMethodSelect" class="form-control mb-2">
          <option value="GET">GET</option>
          <option value="POST">POST</option>
        </select>
        <div id="headerContainer" class="mb-2">
          <!-- Dynamic header rows -->
        </div>
        <button class="btn btn-secondary mb-2" onclick="addHeaderRow()">+ Add Header</button>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" onclick="saveAPI()">Save API</button>
      </div>
    </div>
  </div>
</div>