fix(topic-modeling): make top words slider functional

Previously slider only updated display value but didn't affect visualization.
Now reads slider value in showTopicWordBars and createTopicCard,
and updates visualization when slider changes

Author: jeremymanning

demos/topic-modeling/index.html

@@ -257,6 +257,16 @@ <h3>Statistics</h3>
             const valueDisplay = document.getElementById(valueId);
             slider.addEventListener('input', (e) => {
                 valueDisplay.textContent = e.target.value;
+                
+                if (sliderId === 'top-words' && app.currentResults) {
+                    const viewMode = document.getElementById('view-mode').value;
+                    if (viewMode === 'overview') {
+                        app.visualizer.renderOverview(app.currentResults);
+                    } else if (viewMode === 'intertopic') {
+                        const topicIdx = parseInt(document.getElementById('selected-topic').value) || 0;
+                        app.visualizer.showTopicWordBars(topicIdx === 'all' ? 0 : topicIdx, app.currentResults);
+                    }
+                }
             });
         }
 

demos/topic-modeling/js/visualization.js

@@ -51,16 +51,14 @@ export class TopicVisualizer {
         });
     }
 
-    /**
-     * Create a topic card element
-     */
     createTopicCard(topic, topicIdx, results) {
         const card = document.createElement('div');
         card.className = 'topic-card';
         card.style.borderLeftColor = this.colors[topicIdx % this.colors.length];
         card.style.borderLeftWidth = '4px';
 
-        const topWords = topic.slice(0, 10);
+        const topWordsCount = parseInt(document.getElementById('top-words')?.value || 10);
+        const topWords = topic.slice(0, topWordsCount);
 
         // Count documents where this is the dominant topic
         let dominantCount = 0;
@@ -396,11 +394,9 @@ export class TopicVisualizer {
         return coords;
     }
 
-    /**
-     * Show top words for a topic as horizontal bars
-     */
     showTopicWordBars(topicIdx, results) {
-        const topic = results.topics[topicIdx].slice(0, 15);
+        const topWordsCount = parseInt(document.getElementById('top-words')?.value || 10);
+        const topic = results.topics[topicIdx].slice(0, topWordsCount);
 
         const trace = {
             y: topic.map(w => w.word).reverse(),