feat(chat): Add configurable word blocking for messages

- Introduce a new "blockedwords" URL parameter and associated settings in `popup.html`.
- Implement client-side logic in `dock.html` to filter incoming chat messages and usernames against the configured list of blocked words.
- Messages or names containing blocked words are either blurred (if a blurring mode is active) or completely hidden from view.
- Provide an intuitive user interface in `popup.html` with an input field and dynamic tags for adding and removing words/phrases to be blocked.
- Develop `popup.js` functions (`updateBlockedWordsList`, `addBlockedWord`, `removeBlockedWord`, `setupBlockedWordsInput`) to manage this interactive tag system for blocked words.
- This feature enhances content moderation capabilities, giving users more control over displayed chat content.

[auto-enhanced]

Author: steveseguin

dock.html

@@ -3160,7 +3160,12 @@ <h3>Status</h3>
 			if (urlParams.get("hidefrom") || urlParams.get("exclude")) {
 				hideFrom = (urlParams.get("hidefrom") || urlParams.get("exclude")).toLowerCase().trim().split(",");
 			}
-			
+
+			var blockedWords = [];
+			if (urlParams.get("blockedwords")) {
+				blockedWords = urlParams.get("blockedwords").toLowerCase().split(",").map(w => w.trim()).filter(w => w);
+			}
+
 			var trivialevents = false;
 			if (urlParams.has("trivialevents")) {
 				trivialevents = true;
@@ -8717,6 +8722,22 @@ <h2 id="messagesFor">Messages</h2>\
 						data.chatmessage = data.reply;
 					}
 
+					// Block messages containing specific words/phrases
+					if (blockedWords.length) {
+						const messageText = (data.chatmessage || '').toLowerCase();
+						const nameText = (data.chatname || '').toLowerCase();
+						for (const word of blockedWords) {
+							if (messageText.includes(word) || nameText.includes(word)) {
+								if (blurred) {
+									makeBlurred = true;
+								} else {
+									return;
+								}
+								break;
+							}
+						}
+					}
+
 					if (data.chatmessage && data.chatmessage.startsWith("!")) {
 						if (filtercommands){
 							return;

popup.html

@@ -1895,6 +1895,21 @@ <h2 class="streaming_chat_title">
                                     </label>
                                     <span data-translate="Exclude filtered from auto-show">🥅 Exclude filtered messages from auto-selecting </span>
                                 </div>
+								<div data-keywords="filter block hide words phrases text content moderation blacklist blocklist censor mute suppress NOALBS">
+									<label class="switch">
+										<input type="checkbox" data-param1="blockedwords" />
+										<span class="slider round"></span>
+									</label>
+									<span>🚫 Block messages containing specific words/phrases</span>
+									<div class="isolate" style="margin-left: 50px; margin-top: 5px;">
+										<div class="blockedwords-list-container source-list-container" id="blockedwordsList"></div>
+										<div class="add-blockedword-container">
+											<input type="text" id="newBlockedWord" placeholder="Word or phrase to block" style="width: 180px;" />
+											<button id="addBlockedWord">Add</button>
+										</div>
+										<input type="text" id="blockedwordsInput" class="textInput hidden" data-textparam1="blockedwords" style="display: none;" />
+									</div>
+								</div>
 								<div data-keywords="donation scrub anonymize remove tip amount hide value private">
                                     <label class="switch">
                                         <input type="checkbox" data-param1="stripdonations" />

popup.js

@@ -1020,6 +1020,99 @@ function updateSourceTypeList(type) {
     `).join('');
 }
 
+// Blocked words tag system functions
+function updateBlockedWordsList() {
+    const input = document.getElementById('blockedwordsInput');
+    const list = document.getElementById('blockedwordsList');
+    if (!input || !list) return;
+
+    const words = input.value.split(',')
+        .map(w => w.trim())
+        .filter(w => w);
+
+    list.innerHTML = words.map(word => `
+        <div class="username-tag">
+            <span>${escapeHtml(word)}</span>
+            <button class="remove-blockedword" data-word="${escapeHtml(word)}">×</button>
+        </div>
+    `).join('');
+}
+
+function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+}
+
+function addBlockedWord(word) {
+    const input = document.getElementById('blockedwordsInput');
+    if (!input || !word) return;
+
+    const words = input.value.split(',').map(w => w.trim()).filter(w => w);
+    const trimmedWord = word.trim();
+
+    if (trimmedWord && !words.some(w => w.toLowerCase() === trimmedWord.toLowerCase())) {
+        words.push(trimmedWord);
+        input.value = words.join(', ');
+        updateBlockedWordsList();
+        updateSettings(input);
+    }
+}
+
+function removeBlockedWord(word) {
+    const input = document.getElementById('blockedwordsInput');
+    if (!input) return;
+
+    const words = input.value.split(',').map(w => w.trim()).filter(w => w);
+    const index = words.findIndex(w => w.toLowerCase() === word.toLowerCase());
+
+    if (index > -1) {
+        words.splice(index, 1);
+        input.value = words.join(', ');
+        updateBlockedWordsList();
+        updateSettings(input);
+    }
+}
+
+function setupBlockedWordsInput() {
+    const list = document.getElementById('blockedwordsList');
+    const addBtn = document.getElementById('addBlockedWord');
+    const newWordInput = document.getElementById('newBlockedWord');
+
+    if (!list || !addBtn || !newWordInput) return;
+
+    // Handle clicking remove button on tags
+    list.addEventListener('click', (e) => {
+        if (e.target.classList.contains('remove-blockedword')) {
+            removeBlockedWord(e.target.dataset.word);
+        }
+    });
+
+    // Handle add button click
+    addBtn.addEventListener('click', () => {
+        const word = newWordInput.value.trim();
+        if (word) {
+            addBlockedWord(word);
+            newWordInput.value = '';
+        }
+    });
+
+    // Handle Enter key in input
+    newWordInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            const word = newWordInput.value.trim();
+            if (word) {
+                addBlockedWord(word);
+                newWordInput.value = '';
+            }
+        }
+    });
+
+    // Initialize the list from any existing value
+    updateBlockedWordsList();
+}
+
 // Function to setup source selection for a given input
 function setupSourceSelection(inputId, isSettingBased = false) {
     const input = isSettingBased ? 
@@ -2114,6 +2207,11 @@ function processObjectSetting(key, settingObj, sync, paramNums, response) { // A
                 if (paramEle && paramEle.checked) {
                     updateSettings(paramEle, false, settingObj[textParamKey]);
                 }
+
+                // Refresh blocked words tag list if this is the blockedwords input
+                if (key === 'blockedwords') {
+                    updateBlockedWordsList();
+                }
             }
         }
 
@@ -5469,7 +5567,10 @@ document.addEventListener("DOMContentLoaded", async function(event) {
 
 	// Initialize ProfileManager after DOM is ready
 	ProfileManager.init();
-	
+
+	// Initialize blocked words tag input
+	setupBlockedWordsInput();
+
 	// Add event listener for save profile button
 	const saveProfileBtn = document.querySelector('button[data-action="saveProfile"]');
 	if (saveProfileBtn) {