Add quote file browser to Gradio interface

Features added:
- New 'Generated Quotes' tab in the UI
- Real-time display of quote files with metadata (name, date, size)
- Quote content viewer to read generated quotes directly in the interface
- Automatic refresh of quote list when new quotes are generated
- File selection dropdown with content preview
- Enhanced chat function to notify users when quotes are generated
- Download instructions for users

This allows users to easily view and access generated quote files without leaving the Gradio interface.

src/sales_assistant/ui_dashboard/gradio_app.py

@@ -7,6 +7,8 @@ import os
 import sys
 import gradio as gr
 from typing import List, Tuple, Dict
+from datetime import datetime
+import glob
 
 # Add the src directory to the path
 sys.path.insert(0, os.path.join(os.path.dirname(__file__), '../..'))
@@ -30,8 +32,45 @@ class SalesAssistantChat:
         self.checkpointer = None
         self.callback_manager = None
         self.thread_id = None
+        self.quotes_dir = os.path.join(os.path.dirname(__file__), '../created_quotes')
         self.initialize_agent()
     
+    def get_quote_files(self) -> List[Tuple[str, str, str]]:
+        """Get list of quote files with metadata."""
+        quote_files = []
+        if os.path.exists(self.quotes_dir):
+            pattern = os.path.join(self.quotes_dir, "quote_*.md")
+            files = glob.glob(pattern)
+            files.sort(key=os.path.getmtime, reverse=True)  # Sort by modification time, newest first
+            
+            for file_path in files:
+                filename = os.path.basename(file_path)
+                # Extract date from filename or file stats
+                mod_time = os.path.getmtime(file_path)
+                mod_date = datetime.fromtimestamp(mod_time).strftime("%Y-%m-%d %H:%M")
+                file_size = os.path.getsize(file_path)
+                size_kb = f"{file_size / 1024:.1f} KB"
+                
+                quote_files.append((filename, mod_date, size_kb))
+        
+        return quote_files
+    
+    def read_quote_file(self, filename: str) -> str:
+        """Read and return the content of a quote file."""
+        if not filename:
+            return "No file selected."
+        
+        file_path = os.path.join(self.quotes_dir, filename)
+        if os.path.exists(file_path):
+            try:
+                with open(file_path, 'r', encoding='utf-8') as f:
+                    content = f.read()
+                return content
+            except Exception as e:
+                return f"Error reading file: {str(e)}"
+        else:
+            return "File not found."
+    
     def initialize_agent(self):
         """Initialize the agent runner."""
         try:
@@ -55,7 +94,7 @@ class SalesAssistantChat:
             print(f"❌ Failed to initialize sales assistant: {e}")
             self.compiled_graph = None
     
-    def chat_function(self, message: str, history: List[Dict[str, str]]) -> Tuple[str, List[Dict[str, str]]]:
+    def chat_function(self, message: str, history: List[Dict[str, str]]) -> Tuple[str, List[Dict[str, str]], List[Tuple[str, str, str]]]:
         """
         Process a chat message and return the response.
         
@@ -64,13 +103,13 @@ class SalesAssistantChat:
             history: Chat history as list of message dictionaries
             
         Returns:
-            Tuple of (empty_string, updated_history)
+            Tuple of (empty_string, updated_history, updated_quote_files)
         """
         if not self.compiled_graph:
             error_response = "❌ Sales Assistant is not properly initialized. Please check your environment configuration."
             history.append({"role": "user", "content": message})
             history.append({"role": "assistant", "content": error_response})
-            return "", history
+            return "", history, self.get_quote_files()
         
         try:
             # Run conversation turn
@@ -85,12 +124,17 @@ class SalesAssistantChat:
             history.append({"role": "user", "content": message})
             history.append({"role": "assistant", "content": response})
             
+            # Check if a new quote was generated by looking for "Quote generated" or similar in response
+            if "quote" in response.lower() and ("generated" in response.lower() or "created" in response.lower()):
+                response += "\n\n📄 **Check the 'Generated Quotes' tab to view your quote file!**"
+                history[-1] = {"role": "assistant", "content": response}
+            
         except Exception as e:
             error_response = f"❌ Error processing your request: {str(e)}"
             history.append({"role": "user", "content": message})
             history.append({"role": "assistant", "content": error_response})
         
-        return "", history
+        return "", history, self.get_quote_files()
 
 
 def create_gradio_interface():
@@ -137,43 +181,87 @@ def create_gradio_interface():
             """
         )
         
-        # Chat interface
-        chatbot = gr.Chatbot(
-            value=[],
-            height=400,
-            label="Sales Assistant Chat",
-            show_label=True,
-            avatar_images=(
-                "https://ui-avatars.com/api/?name=User&background=7dafff&color=fff", # User avatar
-                "https://ui-avatars.com/api/?name=Ai&background=ffd966&color=333" #Assistant avatar
-            ),
-            type="messages"
-        )
-        
-        # Input components
-        with gr.Row():
-            msg_input = gr.Textbox(
-                placeholder="Ask me about products, request a quote, or explore our database...",
-                label="Your Message",
-                scale=4,
-                lines=1
-            )
-            send_btn = gr.Button("Send", variant="primary", scale=1)
-        
-        # Example queries
-        with gr.Row():
-            gr.Examples(
-                examples=[
-                    "Can you give me a price for a Saber 4k+?",
-                    "I need a 55 col Samsung TV, what are my options?",
-                    "What are the current exchange rates?",
-                    "Give me the cheapest Samsung 75 inch TV",
-                    "What categores of Sasmsung products do you have?",
-                    "Can you look for a mount or stand for a QH55C Samsung TV?",
-                ],
-                inputs=msg_input,
-                label="Example Questions"
-            )
+        # Create tabs for better organization
+        with gr.Tabs():
+            # Main Chat Tab
+            with gr.TabItem("💬 Chat Assistant", id="chat_tab"):
+                # Chat interface
+                chatbot = gr.Chatbot(
+                    value=[],
+                    height=400,
+                    label="Sales Assistant Chat",
+                    show_label=True,
+                    avatar_images=(
+                        "https://ui-avatars.com/api/?name=User&background=7dafff&color=fff", # User avatar
+                        "https://ui-avatars.com/api/?name=Ai&background=ffd966&color=333" #Assistant avatar
+                    ),
+                    type="messages"
+                )
+                
+                # Input components
+                with gr.Row():
+                    msg_input = gr.Textbox(
+                        placeholder="Ask me about products, request a quote, or explore our database...",
+                        label="Your Message",
+                        scale=4,
+                        lines=1
+                    )
+                    send_btn = gr.Button("Send", variant="primary", scale=1)
+                
+                # Example queries
+                with gr.Row():
+                    gr.Examples(
+                        examples=[
+                            "Can you give me a price for a Saber 4k+?",
+                            "I need a 55 col Samsung TV, what are my options?",
+                            "What are the current exchange rates?",
+                            "Give me the cheapest Samsung 75 inch TV",
+                            "What categores of Sasmsung products do you have?",
+                            "Can you look for a mount or stand for a QH55C Samsung TV?",
+                        ],
+                        inputs=msg_input,
+                        label="Example Questions"
+                    )
+            
+            # Generated Quotes Tab
+            with gr.TabItem("📄 Generated Quotes", id="quotes_tab"):
+                gr.Markdown("### Recently Generated Quote Files")
+                
+                with gr.Row():
+                    with gr.Column(scale=1):
+                        quote_files_display = gr.Dataframe(
+                            headers=["File Name", "Modified", "Size"],
+                            datatype=["str", "str", "str"],
+                            value=chat_assistant.get_quote_files(),
+                            label="Quote Files",
+                            interactive=False
+                        )
+                        
+                        refresh_btn = gr.Button("🔄 Refresh Files", variant="secondary")
+                        
+                        # File selection
+                        file_dropdown = gr.Dropdown(
+                            choices=[f[0] for f in chat_assistant.get_quote_files()],
+                            label="Select Quote to View",
+                            value=None
+                        )
+                    
+                    with gr.Column(scale=2):
+                        quote_content = gr.Markdown(
+                            value="Select a quote file to view its content.",
+                            label="Quote Content"
+                        )
+                        
+                        download_info = gr.Markdown(
+                            """
+                            💡 **How to download quotes:**
+                            1. Select a quote file from the dropdown
+                            2. Copy the content from the viewer
+                            3. Save it as a `.md` file on your computer
+                            
+                            Or access the files directly in the `/created_quotes` folder.
+                            """
+                        )
         
         # Additional information
         with gr.Accordion("ℹ️ About This Assistant", open=False):
@@ -188,6 +276,8 @@ def create_gradio_interface():
                 
                 The assistant uses natural language processing to understand your requests
                 and can perform complex database queries to provide accurate information.
+                
+                **Generated quotes are automatically saved and can be viewed in the 'Generated Quotes' tab.**
                 """
             )
         
@@ -195,17 +285,39 @@ def create_gradio_interface():
         def submit_message(message, history):
             return chat_assistant.chat_function(message, history)
         
+        def refresh_files():
+            files = chat_assistant.get_quote_files()
+            choices = [f[0] for f in files]
+            return files, gr.Dropdown(choices=choices, value=None)
+        
+        def display_quote_content(filename):
+            if filename:
+                content = chat_assistant.read_quote_file(filename)
+                return content
+            return "Select a quote file to view its content."
+        
         # Wire up the events
         msg_input.submit(
             submit_message,
             inputs=[msg_input, chatbot],
-            outputs=[msg_input, chatbot]
+            outputs=[msg_input, chatbot, quote_files_display]
         )
         
         send_btn.click(
             submit_message,
             inputs=[msg_input, chatbot],
-            outputs=[msg_input, chatbot]
+            outputs=[msg_input, chatbot, quote_files_display]
+        )
+        
+        refresh_btn.click(
+            refresh_files,
+            outputs=[quote_files_display, file_dropdown]
+        )
+        
+        file_dropdown.change(
+            display_quote_content,
+            inputs=[file_dropdown],
+            outputs=[quote_content]
         )
     
     return interface