fix: format toolbar wrapping and ignore all button logic

src/css/components.css

@@ -413,13 +413,11 @@
 /* ── Formatting Toolbar ── */
 .format-toolbar {
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
-  gap: 3px;
+  gap: 6px 3px; /* vertical and horizontal gaps */
   padding: 6px 10px;
-  overflow-x: auto;
-  scrollbar-width: none; /* Hide scrollbar Firefox */
   border-bottom: 1px solid var(--color-border);
   background: var(--color-surface);
   position: relative;
@@ -427,10 +425,6 @@
   flex-shrink: 0;
 }
 
-.format-toolbar::-webkit-scrollbar {
-  display: none;
-}
-
 .fmt-group {
   display: flex;
   flex-wrap: nowrap;

src/js/editor.js

@@ -666,6 +666,38 @@ function dismissSuggestion(suggestion) {
   const _ed3 = getEditorElement(); if (_ed3) _ed3.focus();
 }
 
+window.dismissAndReRenderAll = function(type) {
+  if (!window.currentSuggestions || window.currentSuggestions.length === 0) return;
+  pushUndoState();
+  const toDismiss = type === 'all' ? window.currentSuggestions : window.currentSuggestions.filter(s => s.type === type);
+  
+  toDismiss.forEach(s => {
+    if (s.original) _dismissedWords.add(s.original);
+  });
+  _saveDismissedWords();
+  
+  window.currentSuggestions = window.currentSuggestions.filter(s => 
+    type === 'all' ? false : s.type !== type
+  );
+  
+  const editor = getEditorElement();
+  clearOverlays(editor);
+  overlaySuggestions(editor, window.currentSuggestions);
+  
+  const spellingCount = window.currentSuggestions.filter(s => s.type === 'spelling').length;
+  const grammarCount = window.currentSuggestions.filter(s => s.type === 'grammar').length;
+  const punctuationCount = window.currentSuggestions.filter(s => s.type === 'punctuation').length;
+
+  updateSuggestionCounts(spellingCount, grammarCount, punctuationCount);
+  updateWritingScore(spellingCount, grammarCount, punctuationCount);
+  updateSuggestionsList(window.currentSuggestions);
+  
+  // Update sidebar button visibility via global format.js function if it exists
+  if (typeof window.renderSuggestionsSidebar === 'function') {
+    window.renderSuggestionsSidebar(window.currentSuggestions);
+  }
+};
+
 function applySuggestionById(id) {
   // Pipeline Hardening v3.3: UUID-based lookup
   const suggestion = findSuggestionById(id);

src/js/format.js

@@ -866,39 +866,9 @@ function filterErrors(type) {
 
 function dismissAllFiltered() {
   const type = window._currentErrorFilter || 'all';
-  if (!window.currentSuggestions || window.currentSuggestions.length === 0) return;
-  
-  if (typeof window.pushUndoState === 'function') {
-    window.pushUndoState();
-  }
-
-  // Get suggestions to dismiss
-  const toDismiss = type === 'all' ? window.currentSuggestions : window.currentSuggestions.filter(s => s.type === type);
-  
-  // Add originals to whitelist
-  let dismissed = [];
-  try {
-    dismissed = JSON.parse(localStorage.getItem('bayan_dismissed_words') || '[]');
-  } catch(e) {}
-  
-  toDismiss.forEach(s => {
-    const cleanWord = s.original.trim().replace(/[.,!?،؛؟"]/g, '');
-    if (cleanWord.length > 0 && !dismissed.includes(cleanWord)) {
-      dismissed.push(cleanWord);
-    }
-  });
-  localStorage.setItem('bayan_dismissed_words', JSON.stringify(dismissed));
-
-  // Update suggestions array
-  if (type === 'all') {
-    window.currentSuggestions = [];
-  } else {
-    window.currentSuggestions = window.currentSuggestions.filter(s => s.type !== type);
+  if (typeof window.dismissAndReRenderAll === 'function') {
+    window.dismissAndReRenderAll(type);
   }
-
-  // Re-render UI
-  if (typeof window.renderEditorHighlights === 'function') window.renderEditorHighlights();
-  if (typeof window.renderSuggestionsSidebar === 'function') window.renderSuggestionsSidebar(window.currentSuggestions);
 }
 
 /* ── Error Breakdown Chart (SVG Donut) ── */