Agent_For_Supmea/popup/popup.js

// 页面加载时读取存储的配置
document.addEventListener('DOMContentLoaded', () => {
  chrome.storage.sync.get(['aiConfig'], (result) => {
    const config = result.aiConfig || {};
    
    // 如果没有存储的值，则显示默认占位符或默认值
    document.getElementById('apiUrl').value = config.apiUrl || DEFAULT_URL;
    document.getElementById('apiKey').value = config.apiKey || "";
    document.getElementById('modelName').value = config.modelName || DEFAULT_MODEL;
  });
});

// 保存逻辑
document.getElementById('save').addEventListener('click', () => {
  const config = {
    apiUrl: document.getElementById('apiUrl').value.trim() || DEFAULT_URL,
    apiKey: document.getElementById('apiKey').value.trim(),
    modelName: document.getElementById('modelName').value.trim() || DEFAULT_MODEL
  };

  // 验证 API Key 是否填写
  if (!config.apiKey) {
    showStatus("❌ 请输入 API Key", "#f56c6c");
    return;
  }

  // 存储到 chrome.storage
  chrome.storage.sync.set({ aiConfig: config }, () => {
    showStatus("✅ 配置已保存，刷新页面生效", "#67c23a");
  });
});

// 状态提示函数
function showStatus(text, color) {
  const status = document.getElementById('status');
  status.textContent = text;
  status.style.color = color;
  setTimeout(() => {
    status.textContent = '';
  }, 3000);
}