Update DocuChat.py

DocuChat.py

@@ -7,6 +7,7 @@ from langchain.text_splitter import CharacterTextSplitter
 from langchain.embeddings import OpenAIEmbeddings
 from langchain.vectorstores import Chroma
 import panel as pn
+from panel.template import VanillaTemplate
 
 # Custom CSS to use Lato font
 lato_font_style = """
@@ -15,7 +16,8 @@ lato_font_style = """
 }
 """
 
-pn.state.template.param.update(
+# Create a custom template
+template = VanillaTemplate(
     raw_css=[lato_font_style],
     css_files=['https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap']
 )
@@ -71,7 +73,7 @@ class LangchainConversation:
         self.chat_history.append((query, result['result']))
 
         return result['result']
-        
+
     def view(self):
         custom_link_style = {
             'color': '#1b9aaa',
@@ -90,8 +92,14 @@ class LangchainConversation:
             Built by <a href="https://www.mckenzielloydsmith.com/home?utm_source=HuggingFace&utm_medium=PDF+Analyzer" style="color:#1b9aaa;font-weight:bold;">McKenzie</a>.
             """, styles=custom_link_style),
             pn.Row(self.file_input, self.openaikey), self.chatbox
-        ).servable()
-        return layout
+        )
+
+        # Add layout to the template
+        template.main.append(layout)
+
+        # Serve the template
+        return template.servable()
+
 
 langchain_conversation = LangchainConversation()
 langchain_conversation.view()