{{ define "modal/edit" }}
  <template id="tpl-edit-modal">
    <div class="modal">
      <div class="modal__header">
        <h2></h2>
        <button type="button" class="modal__close" aria-label="Cancel">
          <svg class="icon"><use href="/static/icons.svg#close"></use></svg>
        </button>
      </div>
      <div class="modal__body">
        <textarea class="modal__textarea" id="edit-textarea" rows="10"></textarea>
      </div>
      <div class="modal__footer">
        <button type="button" class="modal__save" id="edit-save">Save</button>
      </div>
    </div>
  </template>

  <template id="tpl-edit-tool-modal">
    <div class="modal">
      <div class="modal__header">
        <h2>Edit Tool Call</h2>
        <button type="button" class="modal__close" aria-label="Cancel">
          <svg class="icon"><use href="/static/icons.svg#close"></use></svg>
        </button>
      </div>
      <div class="modal__body">
        <details class="modal__collapsible">
          <summary class="modal__collapsible-summary">Tool Call (JSON)</summary>
          <textarea class="modal__textarea" id="edit-tool-call" rows="8"></textarea>
        </details>
        <details class="modal__collapsible">
          <summary class="modal__collapsible-summary">Tool Result</summary>
          <textarea class="modal__textarea" id="edit-tool-result" rows="6"></textarea>
        </details>
      </div>
      <div class="modal__footer">
        <button type="button" class="modal__save" id="edit-save">Save</button>
      </div>
    </div>
  </template>
{{ end }}