Function showSaveConnectionModal

devtools/modules/savedConnectionsManager.js:30–119

()

}

export async function showSaveConnectionModal() {
  const connection = state.connections[state.selectedConnectionId];
  if (!connection) {
    alert('请先选择一个连接');
    return;
  }

  if (connection.messages.length === 0) {
    alert('此连接没有消息数据');
    return;
  }

  if (connection.status === 'archived' || connection.savedId) {
    alert('此连接已从数据库加载，无需再次保存');
    return;
  }

  const existing = await isConnectionSaved(connection.id);
  const defaultName = formatDateTime(connection.createdAt);

  elements.presetModalTitle.textContent = '保存连接';
  elements.presetModalBody.innerHTML = `
    <div class="preset-form">
      <div class="form-group">
        <label class="form-label">连接名称</label>
        <input type="text" id="connection-name-input" class="form-input"
               placeholder="输入连接名称..."
               value="${existing ? '（覆盖已保存的连接）' : defaultName}">
      </div>
      <div class="form-group">
        <label class="form-label">连接信息</label>
        <div class="connection-info-box">
          <div class="info-row"><strong>URL:</strong> <span class="info-url" title="${escapeHtml(connection.url)}">${escapeHtml(connection.url)}</span></div>
          <div><strong>消息数量:</strong> ${connection.messages.length} 条</div>
          <div><strong>状态:</strong> ${connection.status}</div>
          <div><strong>创建时间:</strong> ${defaultName}</div>
        </div>
      </div>
    </div>
  `;

  elements.presetModalFooter.innerHTML = `
    <button class="modal-btn" id="connection-cancel-btn">取消</button>
    <button class="modal-btn primary" id="connection-save-btn">保存</button>
  `;

  elements.presetModal.style.display = 'flex';

  const nameInput = document.getElementById('connection-name-input');
  const saveBtn = document.getElementById('connection-save-btn');
  const cancelBtn = document.getElementById('connection-cancel-btn');

  cancelBtn.addEventListener('click', closeSaveConnectionModal);

  saveBtn.addEventListener('click', async () => {
    if (!nameInput.value.trim()) {
      alert('请输入连接名称');
      return;