update

frontend/src/components/prompts/PromptEditor.jsx

@@ -460,6 +460,26 @@ export default function PromptEditor({ selectedProducts, prompts, onPromptsChang
                                                    border-slate-200 focus:border-violet-300 focus:ring-violet-200"
                                     />
                                 </div>
+                                {/* Save button at bottom for easy access after scrolling */}
+                                <div className="border-t border-slate-100 bg-slate-50/50 px-6 py-4 flex justify-end">
+                                    <Button
+                                        size="sm"
+                                        onClick={() => handleSave(product.name)}
+                                        className="bg-violet-600 hover:bg-violet-700"
+                                    >
+                                        {savedStatus[product.name] ? (
+                                            <>
+                                                <CheckCircle2 className="h-4 w-4 mr-1" />
+                                                Saved!
+                                            </>
+                                        ) : (
+                                            <>
+                                                <Save className="h-4 w-4 mr-1" />
+                                                Save Template
+                                            </>
+                                        )}
+                                    </Button>
+                                </div>
                             </motion.div>
                         </TabsContent>
                     ))}

frontend/src/components/sequences/SequenceViewer.jsx

@@ -14,6 +14,7 @@ export default function SequenceViewer({ isGenerating, contactCount, selectedPro
     const [searchQuery, setSearchQuery] = useState('');
     const [filterProduct, setFilterProduct] = useState('all');
     const [isComplete, setIsComplete] = useState(false);
+    const [displayedCount, setDisplayedCount] = useState(50); // Pagination: show 50 at a time
 
     useEffect(() => {
         if (isGenerating && uploadedFile?.fileId) {
@@ -140,6 +141,19 @@ export default function SequenceViewer({ isGenerating, contactCount, selectedPro
         return matchesSearch && matchesFilter;
     });
 
+    // Reset pagination when search/filter changes
+    useEffect(() => {
+        setDisplayedCount(50);
+    }, [searchQuery, filterProduct]);
+
+    // Pagination: only show first N contacts to avoid browser performance issues
+    const displayedContacts = filteredContacts.slice(0, displayedCount);
+    const hasMore = filteredContacts.length > displayedCount;
+
+    const loadMore = () => {
+        setDisplayedCount(prev => Math.min(prev + 50, filteredContacts.length));
+    };
+
     return (
         <div className="w-full">
             {/* Progress Header */}
@@ -164,15 +178,15 @@ export default function SequenceViewer({ isGenerating, contactCount, selectedPro
                             </p>
                         </div>
                     </div>
-                    {isComplete && (
-                        <Button
-                            onClick={handleDownload}
-                            className="bg-green-600 hover:bg-green-700"
-                        >
-                            <Download className="h-4 w-4 mr-2" />
-                            Download CSV for Klenty
-                        </Button>
-                    )}
+                                {isComplete && (
+                                    <Button
+                                        onClick={handleDownload}
+                                        className="bg-green-600 hover:bg-green-700"
+                                    >
+                                        <Download className="h-4 w-4 mr-2" />
+                                        Download CSV for Outreaches
+                                    </Button>
+                                )}
                 </div>
                 <Progress value={progress} className="h-2" />
             </div>
@@ -210,13 +224,29 @@ export default function SequenceViewer({ isGenerating, contactCount, selectedPro
                 </motion.div>
             )}
 
-            {/* Sequence List */}
+            {/* Sequence List - Optimized for high volume with pagination */}
             <div className="space-y-3 max-h-[600px] overflow-y-auto pr-2 custom-scrollbar">
                 <AnimatePresence>
-                    {filteredContacts.map((contact, index) => (
+                    {displayedContacts.map((contact, index) => (
                         <SequenceCard key={contact.id || `${contact.firstName}-${contact.lastName}-${contact.email}`} contact={contact} index={index} />
                     ))}
                 </AnimatePresence>
+                {hasMore && (
+                    <div className="text-center py-4">
+                        <Button
+                            variant="outline"
+                            onClick={loadMore}
+                            className="mx-auto"
+                        >
+                            Load More ({filteredContacts.length - displayedCount} remaining)
+                        </Button>
+                    </div>
+                )}
+                {filteredContacts.length > 0 && (
+                    <div className="text-center py-2 text-sm text-slate-500">
+                        Showing {displayedContacts.length} of {filteredContacts.length} contacts
+                    </div>
+                )}
             </div>
 
             {/* Empty State */}

frontend/src/pages/EmailSequenceGenerator.jsx

@@ -7,7 +7,6 @@ import UploadStep from '@/components/upload/UploadStep';
 import ProductSelector from '@/components/products/ProductSelector';
 import PromptEditor from '@/components/prompts/PromptEditor';
 import SequenceViewer from '@/components/sequences/SequenceViewer';
-import SmartleadPanel from '@/components/smartlead/SmartleadPanel';
 
 export default function EmailSequenceGenerator() {
     const [step, setStep] = useState(1);
@@ -255,25 +254,8 @@ export default function EmailSequenceGenerator() {
                                 onComplete={handleGenerationComplete}
                             />
 
-                            {generationComplete && (
-                                <motion.div
-                                    initial={{ opacity: 0, y: 20 }}
-                                    animate={{ opacity: 1, y: 0 }}
-                                    transition={{ delay: 0.3 }}
-                                    className="mt-8"
-                                >
-                                    <SmartleadPanel
-                                        uploadedFile={uploadedFile}
-                                        sequencesCount={uploadedFile?.contactCount || 0}
-                                        onPushComplete={(result) => {
-                                            console.log('Push completed:', result);
-                                        }}
-                                    />
-                                </motion.div>
-                            )}
-
                             {!isGenerating && (
-                                <div className="flex justify-between pt-4">
+                                <div className="flex justify-start pt-4">
                                     <Button
                                         variant="outline"
                                         onClick={() => setStep(2)}
@@ -282,13 +264,6 @@ export default function EmailSequenceGenerator() {
                                         <ArrowLeft className="h-4 w-4 mr-2" />
                                         Edit Templates
                                     </Button>
-                                    <Button
-                                        variant="outline"
-                                        onClick={() => window.location.href = '/history'}
-                                        className="px-6"
-                                    >
-                                        View Run History
-                                    </Button>
                                 </div>
                             )}
                         </motion.div>
@@ -300,7 +275,7 @@ export default function EmailSequenceGenerator() {
             <footer className="border-t border-slate-100 mt-16">
                 <div className="max-w-6xl mx-auto px-6 py-6">
                     <p className="text-center text-sm text-slate-400">
-                        Powered by AI • Export ready for Klenty, Outreach, and more
+                        Powered by AI • Export ready for Outreaches, Smartlead, and more
                     </p>
                 </div>
             </footer>