feat: 添加贡献模式昵称和QQ字段，更新相关逻辑和测试

sidepanel/contribution-mode.js

@@ -174,6 +174,24 @@
       return normalizeString(currentState.contributionStatusMessage) || DEFAULT_COPY;
     }
 
+    async function syncContributionProfile(partial = {}) {
+      const payload = {
+        nickname: normalizeString(partial.nickname),
+        qq: normalizeString(partial.qq),
+      };
+      const response = await runtime.sendMessage({
+        type: 'SET_CONTRIBUTION_PROFILE',
+        source: 'sidepanel',
+        payload,
+      });
+      if (response?.error) {
+        throw new Error(response.error);
+      }
+      if (response?.state) {
+        helpers.applySettingsState?.(response.state);
+      }
+    }
+
     async function requestContributionMode(enabled) {
       const response = await runtime.sendMessage({
         type: 'SET_CONTRIBUTION_MODE',
@@ -234,6 +252,13 @@
         throw new Error('贡献模式尚未接入主自动流程启动能力。');
       }
 
+      const profile = helpers.getContributionProfile?.() || {};
+      const qq = normalizeString(profile.qq);
+      if (qq && !/^\d{1,20}$/.test(qq)) {
+        throw new Error('QQ 只能填写数字，且长度不能超过 20 位。');
+      }
+      await syncContributionProfile(profile);
+
       const started = await helpers.startContributionAutoRun();
       if (!started) {
         return;
@@ -258,6 +283,7 @@
       const currentState = getLatestState();
       const enabled = isContributionModeEnabled(currentState);
       const blocked = isModeSwitchBlocked();
+      const activeElement = typeof document !== 'undefined' ? document.activeElement : null;
 
       if (enabled && dom.selectPanelMode) {
         dom.selectPanelMode.value = 'cpa';
@@ -272,6 +298,18 @@
       if (dom.contributionModeText) {
         dom.contributionModeText.textContent = DEFAULT_COPY;
       }
+      if (dom.inputContributionNickname && activeElement !== dom.inputContributionNickname) {
+        const nextNickname = normalizeString(currentState.contributionNickname);
+        if (nextNickname || !normalizeString(dom.inputContributionNickname.value)) {
+          dom.inputContributionNickname.value = nextNickname;
+        }
+      }
+      if (dom.inputContributionQq && activeElement !== dom.inputContributionQq) {
+        const nextQq = normalizeString(currentState.contributionQq);
+        if (nextQq || !normalizeString(dom.inputContributionQq.value)) {
+          dom.inputContributionQq.value = nextQq;
+        }
+      }
       if (dom.contributionOauthStatus) {
         dom.contributionOauthStatus.textContent = getOauthStatusText(currentState);
       }
@@ -350,6 +388,32 @@
         }
       });
 
+      dom.inputContributionNickname?.addEventListener('change', async () => {
+        try {
+          await syncContributionProfile({
+            nickname: dom.inputContributionNickname?.value,
+            qq: dom.inputContributionQq?.value,
+          });
+        } catch (error) {
+          helpers.showToast?.(error.message, 'error');
+        } finally {
+          render();
+        }
+      });
+
+      dom.inputContributionQq?.addEventListener('change', async () => {
+        try {
+          await syncContributionProfile({
+            nickname: dom.inputContributionNickname?.value,
+            qq: dom.inputContributionQq?.value,
+          });
+        } catch (error) {
+          helpers.showToast?.(error.message, 'error');
+        } finally {
+          render();
+        }
+      });
+
       dom.btnOpenContributionUpload?.addEventListener('click', () => {
         try {
           helpers.openExternalUrl?.(contributionUploadUrl);

sidepanel/sidepanel.html

@@ -110,6 +110,14 @@
           <span class="contribution-mode-badge">CPA</span>
         </div>
         <p id="contribution-mode-text" class="contribution-mode-text">当前账号将用于支持项目维护。扩展会自动申请贡献登录地址并持续跟踪授权状态；如检测到回调地址，会自动提交，无需手动复制。</p>
+        <div class="data-row contribution-mode-field">
+          <span class="data-label">贡献昵称</span>
+          <input type="text" id="input-contribution-nickname" class="data-input" placeholder="可留空，默认使用当前邮箱" />
+        </div>
+        <div class="data-row contribution-mode-field">
+          <span class="data-label">QQ</span>
+          <input type="text" id="input-contribution-qq" class="data-input" inputmode="numeric" placeholder="可留空，只能填写数字" />
+        </div>
         <div class="contribution-mode-status-grid">
           <div class="contribution-mode-status-card">
             <span class="contribution-mode-status-label">OAUTH</span>

sidepanel/sidepanel.js

@@ -35,6 +35,8 @@ const btnOpenRelease = document.getElementById('btn-open-release');
 const settingsCard = document.getElementById('settings-card');
 const contributionModePanel = document.getElementById('contribution-mode-panel');
 const contributionModeText = document.getElementById('contribution-mode-text');
+const inputContributionNickname = document.getElementById('input-contribution-nickname');
+const inputContributionQq = document.getElementById('input-contribution-qq');
 const contributionOauthStatus = document.getElementById('contribution-oauth-status');
 const contributionCallbackStatus = document.getElementById('contribution-callback-status');
 const contributionModeSummary = document.getElementById('contribution-mode-summary');
@@ -1763,6 +1765,12 @@ function applySettingsState(state) {
   if (inputAccountRunHistoryHelperBaseUrl) {
     inputAccountRunHistoryHelperBaseUrl.value = normalizeAccountRunHistoryHelperBaseUrlValue(state?.accountRunHistoryHelperBaseUrl);
   }
+  if (inputContributionNickname) {
+    inputContributionNickname.value = state?.contributionNickname || '';
+  }
+  if (inputContributionQq) {
+    inputContributionQq.value = state?.contributionQq || '';
+  }
   setManagedAliasBaseEmailInputForProvider(restoredMailProvider, state);
   inputInbucketHost.value = state?.inbucketHost || '';
   inputInbucketMailbox.value = state?.inbucketMailbox || '';
@@ -3041,6 +3049,8 @@ const contributionModeManager = window.SidepanelContributionMode?.createContribu
   dom: {
     btnConfigMenu,
     btnContributionMode,
+    inputContributionNickname,
+    inputContributionQq,
     contributionCallbackStatus,
     btnExitContributionMode,
     btnOpenAccountRecords,
@@ -3068,6 +3078,10 @@ const contributionModeManager = window.SidepanelContributionMode?.createContribu
     closeAccountRecordsPanel,
     closeConfigMenu,
     getContributionNickname: () => latestState?.email || '',
+    getContributionProfile: () => ({
+      nickname: String(inputContributionNickname?.value || '').trim(),
+      qq: String(inputContributionQq?.value || '').trim(),
+    }),
     isModeSwitchBlocked: isContributionModeSwitchBlocked,
     openConfirmModal,
     openExternalUrl,
@@ -3446,6 +3460,8 @@ async function startAutoRunFromCurrentSettings() {
   const totalRuns = getRunCountValue();
   let mode = 'restart';
   const autoRunSkipFailures = inputAutoSkipFailures.checked;
+  const contributionNickname = String(inputContributionNickname?.value || '').trim();
+  const contributionQq = String(inputContributionQq?.value || '').trim();
   const fallbackThreadIntervalMinutes = normalizeAutoRunThreadIntervalMinutes(
     inputAutoSkipFailuresThreadIntervalMinutes.value
   );
@@ -3488,6 +3504,8 @@ async function startAutoRunFromCurrentSettings() {
       delayMinutes,
       autoRunSkipFailures,
       contributionMode: Boolean(latestState?.contributionMode),
+      contributionNickname,
+      contributionQq,
       mode,
     },
   });