Update app.py

app.py

@@ -143,6 +143,10 @@ def process_webpage(url):
             # Fetch and parse webpage
             response = requests.get(url).text
             soup = BeautifulSoup(response, "html.parser")
+            title = soup.title.string if soup.title else "No Title Found"
+            # Create a clickable hotlink
+            hotlink = f'<a href="{url}" target="_blank" style="color:blue;text-decoration:underline;">{title}</a>'
+            
             html_content = str(soup.prettify())
 
             for script in soup(["script", "style"]):
@@ -169,7 +173,7 @@ def process_webpage(url):
         summary = summary_response.choices[0].message.content.strip()
         perspectives = perspectives_response.choices[0].message.content.strip()
 
-        return response, summary, perspectives
+        return hotlink, summary, perspectives
     except Exception as e:
         return f"Error fetching or processing content: {str(e)}",  "", ""
 
@@ -304,28 +308,30 @@ with gr.Blocks() as demo:
     gr.Markdown("## Curify Digest: Consume and interact with content")
 
     with gr.Row():
-        # Column 1: Webpage rendering
         with gr.Column():
             gr.Markdown("## Render Webpage")
             url_input = gr.Textbox(label="Enter URL")
+        with gr.Column():
             # Shared Button: Fetch content, show webpage, and summary/perspectives
             fetch_btn = gr.Button("Fetch and Process Webpage")
-            text_output = gr.HTML(label="Webpage Content")
-            
+        with gr.Column():
+            title_output = gr.HTML(label="Webpage Content")
             
-        # Column 2: Interactive chatbot
+    with gr.Row():
+        # Column 1: Summary and perspectives
         with gr.Column():
             gr.Markdown("## Summary and perspectives")
             summary_output = gr.Textbox(label="Summary", lines=5)
             perspectives_output = gr.Textbox(label="Perspectives", lines=5)
             
-        # Column 3: Generate reflections
+        # Column 2: Chatbot
         with gr.Column():
             gr.Markdown("## Interactive Chatbot and reflections")
             chatbot_history_gr = gr.Chatbot(label="Chat History")
             user_input = gr.Textbox(label="Ask a Question", placeholder="Type your question here...")
             chatbot_btn = gr.Button("Chat")
-            
+        # Column 3: Generate reflections
+        with gr.Column():
             reflection_btn = gr.Button("Generate reflection")
             reflection_output = gr.Textbox(label="Reflections",interactive=True, lines=5)
             # Custom HTML and JS for copy-to-clipboard
@@ -349,7 +355,7 @@ with gr.Blocks() as demo:
         fetch_btn.click(
             process_webpage, 
             inputs=url_input, 
-            outputs=[text_output, summary_output, perspectives_output],
+            outputs=[title_output, summary_output, perspectives_output],
             ) 
     
         chatbot_btn.click(