rm redundant print

Author: yilinxia

backend/app/main.py

@@ -89,7 +89,7 @@ def extract_topic_name(s):
                 intersection.append(ai_item)
 
         # print("Selected topics:", selected_topics)
-        print("Intersection:", intersection)
+        # print("Intersection:", intersection)
         return jsonify({"success": True, "result": intersection})
 
     except Exception as e:
@@ -134,7 +134,7 @@ def explain_topic():
         prompt = f"""Explain '{topic}' in the context of '{search_term}'. 
                     If it's an abbreviation, what it stands for in '{search_term}'
                     Keep it concise but informative (1-2 sentences)."""
-        print("Generated prompt:", prompt)
+        # print("Generated prompt:", prompt)
 
         try:
             # Create an event loop and run the async function
@@ -154,7 +154,7 @@ def explain_topic():
             )
             loop.close()
 
-            print("Received explanation:", explanation)
+            # print("Received explanation:", explanation)
             if explanation and len(explanation) > 0:
                 return jsonify({"success": True, "explanation": explanation[0]})
             else:
@@ -189,7 +189,7 @@ def home():
 
 
 if __name__ == "__main__":
-    print("Starting Flask server...")
+    # print("Starting Flask server...")
     port = 5002
-    print(f"Server running on: http://127.0.0.1:{port}")
+    # print(f"Server running on: http://127.0.0.1:{port}")
     app.run(host="127.0.0.1", port=port, debug=True)

src/components/TopicRefiner.tsx

@@ -10,7 +10,6 @@ import {
     Minus,
     Check
 } from "lucide-react";
-import { API_ENDPOINTS } from '../lib/config';
 import { FaArrowLeft } from "react-icons/fa";
 
 interface AIModel {
@@ -33,24 +32,26 @@ interface TopicRefinerProps {
     llmSuggestions: string[];
     setLlmSuggestions: (suggestions: string[]) => void;
     selectedTopics: string[];
+    setSelectedTopics: (topics: string[]) => void;
     newTopic: string;
     setNewTopic: (topic: string) => void;
-    addNewTopic: () => void;
     prevStep: () => void;
     handleSubmit: () => void;
     searchTerm: string;
+    onRequestSuggestions: (model: string, prompt: string, apiKey: string, topics: string[]) => Promise<void>;
 }
 
 export const TopicRefiner: FC<Omit<TopicRefinerProps, 'isLlmProcessing'>> = ({
     llmSuggestions = [],
     setLlmSuggestions,
     selectedTopics = [],
+    setSelectedTopics,
     newTopic = "",
     setNewTopic,
-    addNewTopic,
     prevStep,
     handleSubmit,
-    searchTerm
+    searchTerm,
+    onRequestSuggestions
 }) => {
     const [showPromptModal, setShowPromptModal] = useState(false);
     const [showWelcomeModal, setShowWelcomeModal] = useState(true);
@@ -91,29 +92,30 @@ export const TopicRefiner: FC<Omit<TopicRefinerProps, 'isLlmProcessing'>> = ({
         }
 
         try {
-            const response = await fetch(API_ENDPOINTS.AI_PROCESS, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    selectedModel,
-                    customPrompt,
-                    apiKey,
-                    searchTerm,
-                    selectedTopics
-                })
-            });
-            const data = await response.json();
-            if (data.success && data.result) {
-                setLlmSuggestions(data.result);
-            } else {
-                alert('Failed to get AI suggestions.');
-            }
+            await onRequestSuggestions(selectedModel, customPrompt, apiKey, selectedTopics);
             setShowPromptModal(false);
         } catch {
             alert('Failed to get AI suggestions. Please try again.');
         }
     };
 
+    const handleAddNewTopic = () => {
+        if (!newTopic.trim()) return;  // Don't add empty topics
+
+        // Add to selected topics if not already present
+        if (!selectedTopics.includes(newTopic.trim())) {
+            setSelectedTopics([...selectedTopics, newTopic.trim()]);
+        }
+
+        // Add to finalized topics if not already present
+        if (!finalizedTopics.includes(newTopic.trim())) {
+            setFinalizedTopics(prev => [...prev, newTopic.trim()]);
+        }
+
+        // Clear the input
+        setNewTopic("");
+    };
+
     return (
         <main className="container-fluid py-4" style={{ height: '100vh', overflowY: 'auto' }}>
             {/* Navigation/Header Row */}
@@ -255,12 +257,16 @@ export const TopicRefiner: FC<Omit<TopicRefinerProps, 'isLlmProcessing'>> = ({
                                                 placeholder="Add a custom topic"
                                                 value={newTopic}
                                                 onChange={(e) => setNewTopic(e.target.value)}
-                                                onKeyDown={(e) => e.key === "Enter" && addNewTopic()}
+                                                onKeyDown={(e) => {
+                                                    if (e.key === "Enter" && newTopic.trim()) {
+                                                        handleAddNewTopic();
+                                                    }
+                                                }}
                                             />
                                             <button
                                                 className="btn btn-primary"
-                                                onClick={addNewTopic}
-                                                disabled={!newTopic}
+                                                onClick={handleAddNewTopic}
+                                                disabled={!newTopic.trim()}
                                             >
                                                 <Plus size={16} />
                                             </button>

src/views/TopicHistogram.tsx

@@ -749,19 +749,13 @@ const TopicHistogram: FC = () => {
             {/* Step 2: Topic Refinement */}
             {currentStep === 2 && (
                 <TopicRefiner
-                    isLlmProcessing={isLlmProcessing}
                     llmSuggestions={llmSuggestionsState}
                     setLlmSuggestions={setLlmSuggestionsState}
                     onRequestSuggestions={handleRequestSuggestions}
                     selectedTopics={selectedTopics}
-                    selectLlmSuggestion={(suggestion) => {
-                        if (!selectedTopics.includes(suggestion)) {
-                            setSelectedTopics([...selectedTopics, suggestion]);
-                        }
-                    }}
+                    setSelectedTopics={setSelectedTopics}
                     newTopic=""
                     setNewTopic={() => { }}
-                    addNewTopic={() => { }}
                     prevStep={prevStep}
                     handleSubmit={handleSubmit}
                     searchTerm={searchTerm}