import React, { useState, useRef } from 'react'; import { BookOpen, Sparkles, Upload, FileText, Loader2 } from 'lucide-react'; interface LeftRailProps { onGenerate: (subject: string, notes: string) => void; isGenerating: boolean; recentPacks: { id: string; subject: string }[]; onSelectPack: (id: string) => void; activePackId?: string; } export function LeftRail({ onGenerate, isGenerating, recentPacks, onSelectPack, activePackId }: LeftRailProps) { const [subject, setSubject] = useState(''); const [notes, setNotes] = useState(''); const [uploadedFileName, setUploadedFileName] = useState(''); const fileInputRef = useRef(null); const handleFileUpload = (e: React.ChangeEvent) => { const file = e.target.files?.[0]; if (!file) return; const reader = new FileReader(); reader.onload = (event) => { const content = event.target?.result; if (typeof content === 'string') { setNotes(content); setUploadedFileName(file.name); if (!subject) { setSubject(file.name.replace(/\.[^/.]+$/, '')); } } }; reader.readAsText(file); }; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (subject.trim() && notes.trim() && !isGenerating) { onGenerate(subject, notes); } }; return ( ); }