Update file_module.py

file_module.py

@@ -10,57 +10,60 @@ from file_utils import (
 
 
 def file_dashboard():
-    with gr.Column() as file_panel:
-        gr.Markdown("""
-        <div style='text-align: center;'>
-            <img src='file/images/chatter_owl.png' width='120'>
-            <h2>📄 File-Based Learning with <strong>Chatter the Owl</strong></h2>
-            <p>Upload your notes, textbooks, or slides, and let me turn them into summaries, quizzes, and flashcards!</p>
-        </div>
-        """)
+    with gr.Blocks(elem_id="file-learning-layout") as file_panel:
+        with gr.Row():
+            with gr.Column(scale=1, min_width=220):
+                gr.Markdown("""
+                ### 📂 My Course
+                - **Upload Files**
+                - **Study Guides**
+                - **Files**
+                ---
+                **Ankush Bansal**  
+                ankban@wharton.upenn.edu
+                """, elem_id="sidebar")
 
-        file_upload = gr.File(label="📁 Upload Your Study Material", file_types=[".pdf", ".txt", ".md", ".pptx"])
-        question_box = gr.Textbox(label="💬 Ask a question about the uploaded file")
+            with gr.Column(scale=4):
+                with gr.Row():
+                    uploaded_file_label = gr.Markdown("**File:** _No file uploaded_ | **Progress:** 0%", elem_id="file-header")
 
-        with gr.Tabs():
-            with gr.Tab("📚 Summary"):
-                summary_output = gr.Textbox(label="Generated Summary", lines=8, interactive=False)
-            with gr.Tab("🧠 Flashcards"):
-                flashcard_output = gr.Textbox(label="Generated Flashcards", lines=8, interactive=False)
-            with gr.Tab("❓ Quiz"):
-                quiz_output = gr.Textbox(label="Generated Quiz Questions", lines=8, interactive=False)
-            with gr.Tab("💬 Answer to Your Question"):
-                answer_output = gr.Textbox(label="Answer", lines=4, interactive=False)
+                with gr.Row():
+                    with gr.Column(scale=4):
+                        section_overview = gr.Markdown("""### 📑 Section Overview
+Upload a file to generate section outline...""", elem_id="section-overview")
 
-        text_state = gr.State("")
+                        section_content_box = gr.Markdown("""
+> Select a section to view content
 
-        def handle_file_upload(file):
-            text = extract_text_from_file(file)
-            if not text or "Unsupported file type" in text:
-                return text, "", "", ""
+*No section selected yet.*
+""", elem_id="section-content")
 
-            summary = generate_summary(text)
-            flashcards = generate_flashcards(text)
-            quiz = generate_quiz(text)
-            return text, summary, flashcards, quiz
+                    with gr.Column(scale=1, min_width=200):
+                        section_list = gr.Markdown("""### 🗂 Sections
+_(auto-generated)_""", elem_id="section-sidebar")
 
-        def handle_question(text, question):
-            if not text.strip():
-                return "Please upload a file first."
-            if not question.strip():
-                return "Please enter a question."
-            return answer_question(text, question)
+        file_upload = gr.File(label="📁 Upload PDF/Text File", file_types=[".pdf", ".txt", ".md", ".pptx"])
+
+        def placeholder_file_parse(file):
+            if file is None:
+                return "**File:** _No file uploaded_ | **Progress:** 0%", \
+                       "### 📑 Section Overview\nNo file uploaded.", \
+                       "*No section selected yet.*", \
+                       "### 🗂 Sections\n_(none)_"
+
+            name = os.path.basename(file.name)
+            return (
+                f"**File:** {name} | **Progress:** 3%",
+                "### 📑 Section Overview\n1. Introduction\n2. Key Topics\n3. Summary\n4. Conclusion",
+                "#### 📘 Introduction\n\nThis is a placeholder section content. More details coming soon.",
+                "### 🗂 Sections\n- Introduction\n- Key Topics\n- Summary\n- Conclusion"
+            )
 
         file_upload.change(
-            fn=handle_file_upload,
+            fn=placeholder_file_parse,
             inputs=[file_upload],
-            outputs=[text_state, summary_output, flashcard_output, quiz_output]
-        )
-
-        question_box.change(
-            fn=handle_question,
-            inputs=[text_state, question_box],
-            outputs=[answer_output]
+            outputs=[uploaded_file_label, section_overview, section_content_box, section_list],
+            show_progress="minimal"
         )
 
         return file_panel