fix: UI/UX audit fixes (10 items addressed) Critical: - Fix text duplication on consecutive suggestion apply (re-index spans) - Suggestion list now updates after apply (counters + cards refresh) UX Fixes: - Sidebar scrollable (score circle always accessible) - Suggestions max-height reduced: 420→320px - Stat items: larger font + better contrast in dark mode Text: - Pricing: 'الترقية للاحترافي' → 'الترقية للخطة الاحترافية' Undo/Redo: - formatUndo/Redo now use custom stack (unified) - Formatting commands save undo state before applying - Typing tracked via debounced pushUndoStateDebounced

src/css/components.css

@@ -961,6 +961,9 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-md);
+  max-height: calc(100vh - 140px);
+  overflow-y: auto;
+  scrollbar-width: thin;
 }
 
 .sidebar-card {
@@ -968,7 +971,7 @@
 }
 
 .suggestions-scroll {
-  max-height: 420px;
+  max-height: 320px;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -2235,8 +2238,9 @@ input[type="range"]::-webkit-slider-thumb {
   display: flex;
   align-items: center;
   gap: 4px;
-  font-size: var(--font-size-label);
-  color: var(--color-text-muted);
+  font-size: 0.8rem;
+  color: var(--color-text-secondary, var(--color-text-muted));
+  opacity: 0.85;
 }
 
 .stat-item--sep {

src/index.html

@@ -819,7 +819,7 @@
          <li class="flex items-center gap-3">
           <svg class="w-5 h-5" style="color: #22c55e;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
           </svg><span class="text-base">تصدير PDF و Word</span></li>
-        </ul><button onclick="showPage('editor')" class="w-full py-4 rounded-2xl text-lg font-bold text-white gradient-accent transition-all hover:scale-105 hover:shadow-2xl"> الترقية للاحترافي </button>
+        </ul><button onclick="showPage('editor')" class="w-full py-4 rounded-2xl text-lg font-bold text-white gradient-accent transition-all hover:scale-105 hover:shadow-2xl"> الترقية للخطة الاحترافية </button>
        </div><!-- Enterprise Plan -->
        <div class="p-8 rounded-3xl transition-all hover:scale-105" style="background: var(--surface-color); border: 1px solid rgba(255, 255, 255, 0.08);">
         <div class="text-center mb-8">

src/js/editor.js

@@ -472,6 +472,32 @@ function applySuggestionAtOffsets(suggestion) {
   hideTooltip();
   // Re-focus editor so Ctrl+Z works immediately after tooltip correction
   const _ed = getEditorElement(); if (_ed) _ed.focus();
+
+  // Remove applied suggestion from list and re-index remaining spans
+  if (window.currentSuggestions) {
+    window.currentSuggestions = window.currentSuggestions.filter(
+      s => !(s.start === suggestion.start && s.end === suggestion.end && s.type === suggestion.type)
+    );
+
+    // Re-index remaining error spans to match updated array indices
+    const remainingSpans = document.querySelectorAll('.spelling-error, .grammar-error, .punctuation-suggestion');
+    remainingSpans.forEach(span => {
+      const newIdx = window.currentSuggestions.findIndex(s => {
+        return span.textContent === s.original && span.dataset.type === s.type;
+      });
+      if (newIdx >= 0) {
+        span.dataset.suggestionId = newIdx;
+      }
+    });
+
+    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);
+  }
+
   analyzeTextDelayed();
 }
 
@@ -516,6 +542,29 @@ function applyAlternativeCorrection(suggestion, correctionText) {
   hideTooltip();
   // Re-focus editor so Ctrl+Z works immediately after tooltip correction
   const _ed2 = getEditorElement(); if (_ed2) _ed2.focus();
+  // Remove applied suggestion from list and re-index remaining spans
+  if (window.currentSuggestions) {
+    window.currentSuggestions = window.currentSuggestions.filter(
+      s => !(s.start === suggestion.start && s.end === suggestion.end && s.type === suggestion.type)
+    );
+
+    const remainingSpans = document.querySelectorAll('.spelling-error, .grammar-error, .punctuation-suggestion');
+    remainingSpans.forEach(span => {
+      const newIdx = window.currentSuggestions.findIndex(s => {
+        return span.textContent === s.original && span.dataset.type === s.type;
+      });
+      if (newIdx >= 0) {
+        span.dataset.suggestionId = newIdx;
+      }
+    });
+
+    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);
+  }
   analyzeTextDelayed();
 }