working chatbot

app.py

@@ -13,7 +13,8 @@ def update_button(button):
     button.update("Saved")
 
 def get_data(url):
-  gr.update()
+  if not url.startswith("https://") or url.startswith("http://") or url.startswith("www."):
+     gr.Error("Please enter a valid URL")
   global messages
   html = requests.get(url).text
   doc = BeautifulSoup(html, 'html.parser')
@@ -45,23 +46,88 @@ def chatbot(input):
         messages.append({"role": "assistant", "content": reply})
         return reply
     
-with gr.Blocks() as demo:
+
+with gr.Blocks(css=".gradio-container {background-color: transparent}") as demo:
   url = gr.Textbox(label="Enter a webpage URL to chat about")
-  save_btn = gr.Button("Save URL")
-  save_btn.click(fn=get_data, inputs=url, outputs=update_button(save_btn))
+  url.change(fn=get_data, inputs=url)
   gr.Examples(["https://www.nerdwallet.com/article/travel/how-much-are-my-united-miles-worth",
                "https://www.bbc.com/news/business-64937251",
                "https://www.ycombinator.com/"], inputs=[url])
-  with gr.Row():
-      inputs = gr.inputs.Textbox(lines=7, label="Chat with AI about the webpage")
-      outputs = gr.outputs.Textbox(label="Here's the reply from the AI")
-  with gr.Row():
-      greet_btn = gr.Button("Submit")
-      greet_btn.click(fn=chatbot, inputs=inputs, outputs=outputs)
-
   
+  chatbot_item = gr.Chatbot()
+  msg = gr.Textbox(label="Chat with AI about the webpage")
+  gr.Examples(["Please summarise the webpage", "What is the tone of the webpage?", "Tell me your favorite part of the webpage"], inputs=[msg])
+  clear = gr.Button("Clear")
+
+  def user(user_message, history):
+      return "", history + [[user_message, None]]
+
+  def bot(history):
+      user_message = history[-1][0]
+      bot_message = chatbot(user_message)
+      history[-1][1] = bot_message
+      return history
+
+  msg.submit(user, [msg, chatbot_item], [msg, chatbot_item], queue=False).then(
+      bot, chatbot_item, chatbot_item
+  )
+  clear.click(lambda: None, None, chatbot_item, queue=False)
+
+  # with gr.Row():
+  #     with gr.Column(scale=2):
+  #       inputs = gr.Textbox(lines=7, label="Chat with AI about the webpage")
+  #       gr.Examples(["Please summarise the webpage", "What is the tone of the webpage?", "Tell me your favorite part of the webpage"], inputs=[inputs])
+  #     with gr.Column(scale=4):
+  #       outputs = gr.Textbox(label="Here's the reply from the AI")
+  # with gr.Row():
+  #     greet_btn = gr.Button("Submit")
+  #     greet_btn.click(fn=chatbot, inputs=inputs, outputs=outputs, show_progress=True)
+
 
 demo.launch()
+  
+# with gr.Blocks() as demo:
+#     chatbot = gr.Chatbot()
+#     msg = gr.Textbox()
+#     clear = gr.Button("Clear")
+
+#     def user(user_message, history):
+#         return "", history + [[user_message, None]]
+
+#     def bot(history):
+#         bot_message = random.choice(["Yes", "No"])
+#         history[-1][1] = bot_message
+#         time.sleep(1)
+#         return history
+
+#     msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+#         bot, chatbot, chatbot
+#     )
+#     clear.click(lambda: None, None, chatbot, queue=False)
+
+# if __name__ == "__main__":
+#     demo.launch()
+
+# interface = gr.Interface(fn=lambda x: x, inputs=demo, outputs=None, theme="compact")
+# # interface.launch()
+
+# url = gr.Textbox(label="Enter a webpage URL to chat about")
+# # save_btn = gr.Button("Save URL")
+# # save_btn.click(fn=get_data, inputs=url, outputs=update_button(save_btn))
+# gr.Examples(["https://www.nerdwallet.com/article/travel/how-much-are-my-united-miles-worth",
+#               "https://www.bbc.com/news/business-64937251",
+#               "https://www.ycombinator.com/"], inputs=[url])
+# inputs = gr.inputs.Textbox(lines=7, label="Chat with AI about the webpage")
+# outputs = gr.outputs.Textbox(label="Here's the reply from the AI")
+
+# iface = gr.Interface(
+#     chatbot,
+#     [url, inputs],
+#     [outputs],
+#     live=True,
+# )
+# iface.launch()
+
 
 # url_box = gr.Textbox(label="Url")
 # inputs = gr.inputs.Textbox(lines=7, label="Chat with AI")