**重构弹出窗口的 Mechanics 部分并修复相关测试**

本次提交重构了 `popup.html` 中的 `⚙️ Mechanics` 设置部分，将其拆分为三个更清晰、功能更集中的子部分：
1.  `⚙️ Mechanics - Events & Capture`
2.  `⚙️ Mechanics - Message Processing`
3.  `⚙️ Mechanics - Connections & Integrations`

**主要变更：**
-   **`popup.html`**：为上述每个新部分创建了独立的 HTML 容器（`div`）、折叠控件（`collapsible`）和标签。
-   **`popup.js`**：更新了 `BEGINNER_ADVANCED_OPTION_SELECTORS` 映射，将相关的选项选择器移入对应的新部分 ID 中，并调整了 `BEGINNER_ADVANCED_OPTION_HEADINGS` 配置。
-   **`tests/popup-search.test.js`**：新增测试用例，验证新的三个部分在 HTML 中均存在且具有正确的标签，确保搜索和 UI 功能完整。

此重构旨在改善设置面板的组织结构，使功能分组更直观，并可能解决因部分过于臃肿导致的 UI 问题或崩溃。

[auto-enhanced]

Author: steveseguin

popup.html

@@ -7050,7 +7050,7 @@ <h3>Custom Injection</h3>
             <div class="wrapper beginner-basic">
                 <div class="collapsible">
                     <input type="checkbox" class="collapsible-input" id="wrapper-global-mechanics-options" />
-                    <label class="collapsible-label" for="wrapper-global-mechanics-options"><span data-translate="mechanics">⚙️ Mechanics</span></label>
+                    <label class="collapsible-label" for="wrapper-global-mechanics-options"><span><span data-translate="mechanics">⚙️ Mechanics</span> - Events &amp; Capture</span></label>
                     <div class="collapsible-text">
                         <div class="options">
                             <div class="options_group">
@@ -7190,9 +7190,22 @@ <h3>Custom Injection</h3>
                                         <input type="checkbox" data-setting="delaytwitch" />
                                         <span class="slider round"></span>
                                     </label>
-                                    <img class="icon" src="./sources/images/twitch.png" style="display: inline-block;" />
+									<img class="icon" src="./sources/images/twitch.png" style="display: inline-block;" />
                                     <span data-translate="delay-twitch"> Delay twitch to give mods/bots time to delete</span>
                                 </div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="wrapper beginner-basic">
+				<div class="collapsible">
+					<input type="checkbox" class="collapsible-input" id="wrapper-global-message-processing-options" />
+					<label class="collapsible-label" for="wrapper-global-message-processing-options"><span><span data-translate="mechanics">⚙️ Mechanics</span> - Message Processing</span></label>
+					<div class="collapsible-text">
+						<div class="options">
+							<div class="options_group">
                                 <div title="Enable BTTV emotes - YT/TW channels + globals">
                                     <label class="switch">
                                         <input type="checkbox" data-setting="bttv" />
@@ -7264,6 +7277,19 @@ <h3>Custom Injection</h3>
                                     </label>
                                     <span data-translate="pump-the-numbers">📈 Multiply viewer count by 1.75x</span>
                                 </div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="wrapper beginner-basic">
+				<div class="collapsible">
+					<input type="checkbox" class="collapsible-input" id="wrapper-global-connections-integrations-options" />
+					<label class="collapsible-label" for="wrapper-global-connections-integrations-options"><span><span data-translate="mechanics">⚙️ Mechanics</span> - Connections &amp; Integrations</span></label>
+					<div class="collapsible-text">
+						<div class="options">
+							<div class="options_group">
 								<div>
 									<h3>Printer Control</h3>
 									<div class="textInputContainer" style="display: inline-block; width: 250px;">

popup.js

@@ -5109,6 +5109,48 @@ var BEGINNER_ADVANCED_OPTION_SELECTORS = {
 		'#midiConfig',
 		'#midiCommands'
 	],
+	"wrapper-global-message-processing-options": [
+		'[data-setting="pronounscombined"]',
+		'[data-setting="discordmemberships"]',
+		'[data-setting="limitedyoutubememberchat"]',
+		'[data-setting="limitedtwitchmemberchat"]',
+		'[data-setting="addkarma"]',
+		'[data-setting="pumpTheNumbers"]'
+	],
+	"wrapper-global-connections-integrations-options": [
+		'[data-textsetting="printerName"]',
+		'[data-setting="sharestreamid"]',
+		'[data-setting="disableRelayThrottle"]',
+		'[data-setting="disablehost"]',
+		'[data-setting="socketserver"]',
+		'[data-setting="server2additivedelivery"]',
+		'[data-setting="lanonly"]',
+		'[data-setting="ssc"]',
+		'[data-textsetting="sscapikey"]',
+		'[data-setting="videostatspoller"]',
+		'[data-textsetting="videostatsurl"]',
+		'[data-textsetting="videostatspublisher"]',
+		'[data-textsetting="videostatsapplication"]',
+		'[data-textsetting="videostatskey"]',
+		'[data-textsetting="videostatsapikey"]',
+		'[data-textsetting="videostatsusername"]',
+		'[data-textsetting="videostatspassword"]',
+		'[data-numbersetting="videostatsinterval"]',
+		'[data-textsetting="videostatslabel"]',
+		'[data-setting="streamerbot"]',
+		'[data-textsetting="streamerbotendpoint"]',
+		'[data-textsetting="streamerbotpassword"]',
+		'[data-textsetting="streamerbotactionid"]',
+		'[data-setting="h2r"]',
+		'[data-textsetting="h2rserver"]',
+		'[data-setting="post"]',
+		'[data-textsetting="postserver"]',
+		'[data-setting="postalldiscord"]',
+		'[data-textsetting="postallserverdiscord"]',
+		'[data-setting="postdiscord"]',
+		'[data-textsetting="postserverdiscord"]',
+		'[data-setting="webhookrelay"]'
+	],
 	"wrapper-global-message-visibility-options": [
 		'[data-setting="hideallreplies"]',
 		'[data-setting="firstsourceonly"]',
@@ -5135,7 +5177,7 @@ var BEGINNER_ADVANCED_OPTION_SELECTORS = {
 
 var BEGINNER_ADVANCED_OPTION_HEADINGS = {
 	"wrapper-chat-message-styling-options": ["Text Glow"],
-	"wrapper-global-mechanics-options": ["Printer Control"]
+	"wrapper-global-connections-integrations-options": ["Printer Control"]
 };
 
 var BEGINNER_ADVANCED_OPTION_HEADING_SECTIONS = {

tests/popup-search.test.js

@@ -3,6 +3,7 @@ const fs = require("node:fs");
 const path = require("node:path");
 
 const popupSource = fs.readFileSync(path.resolve(__dirname, "..", "popup.js"), "utf8");
+const popupHtml = fs.readFileSync(path.resolve(__dirname, "..", "popup.html"), "utf8");
 
 function extractFunction(source, name) {
 	const start = source.indexOf(`function ${name}(`);
@@ -79,4 +80,12 @@ assert.match(
 	"Popup search must debounce typing long enough to avoid rerendering on every keystroke"
 );
 
+[
+	["wrapper-global-mechanics-options", "Events & Capture"],
+	["wrapper-global-message-processing-options", "Message Processing"],
+	["wrapper-global-connections-integrations-options", "Connections & Integrations"]
+].forEach(([id, label]) => {
+	assert.match(popupHtml, new RegExp(`id="${id}"[\\s\\S]*?for="${id}"[\\s\\S]*?${label}`), `${label} section is missing`);
+});
+
 console.log("popup search tests passed");