completed first tutorial

.chainlit/config.toml

@@ -29,13 +29,13 @@ multi_modal = true
 
 # Allows user to use speech to text
 [features.speech_to_text]
-    enabled = false
+    enabled = true
     # See all languages here https://github.com/JamesBrill/react-speech-recognition/blob/HEAD/docs/API.md#language-string
-    # language = "en-US"
+    language = "en-US"
 
 [UI]
 # Name of the app and chatbot.
-name = "Chatbot"
+name = "Chainlit TutorialChatbot"
 
 # Show the readme while the conversation is empty.
 show_readme_as_default = true

app.py

@@ -5,18 +5,27 @@ from langchain_core.prompts import ChatPromptTemplate
 from langchain_core.runnables.config import RunnableConfig
 from langchain_openai import ChatOpenAI
 
+# general code area 
+# - use for functions that are used in multiple places
+# - use for variables that are used in multiple places
+# - use for running code for all sessions
+
 load_dotenv()
 openai_api_key = os.getenv("OPENAI_API_KEY")
 
-@cl.action_callback("hide_button")
+# Demonstrate how to handle actions
+
+@cl.action_callback("Hide button")
 async def on_action(action):
     await cl.Message(content=f"Hiding the button").send()
     await action.remove()
 
-@cl.action_callback("show_text")
+@cl.action_callback("Show text")
 async def on_action(action):
-    cl.user_session.set("language", "english")
-    await cl.Message(content="The button was clicked and this text was shown").send()
+    # any processing can be done here
+    await cl.Message(content=f"Button clicked has this value: {action.value}").send()
+
+# demonstrate how to change parameters of the LLM through actions
 
 @cl.action_callback("english")
 async def on_action(action):
@@ -28,6 +37,8 @@ async def on_action(action):
     cl.user_session.set("language", "icelandic")
     await cl.Message(content="Responses from the Chatbot will be in Icelandic").send()
 
+# templates for the LLM
+
 user_template = """
         Question:
         {question}
@@ -43,9 +54,10 @@ system_template = """
     Respond in the language provided below. If no language is provided, use Italian.
 """ 
 
-#############################################
-### On Chat Start (Session Start) Section ###
-#############################################
+#################################################
+### On Chat Start (Session Start) Section     ###
+### Use this for pre-session setup processing ###
+#################################################
 @cl.on_chat_start
 async def on_chat_start():
     # create a chain
@@ -58,16 +70,17 @@ async def on_chat_start():
     cl.user_session.set("chain", simple_chain)
 
     response = await cl.AskActionMessage(
-        content="Do you want to see the buttons?",
+        content="Do you want to experiment with buttons?",
         actions=[
             cl.Action(name="yes", value="yes", label="✅ Yes"),
             cl.Action(name="no", value="no", label="❌ No"),
+            cl.Action(name="maybe", value="maybe", label="❌ Maybe"),
         ],
     ).send()
     if response and response.get("value") == "yes":
         actions = [
-            cl.Action(name="hide_button", value="hide-button", description="Hide this button"),
-            cl.Action(name="show_text", value="show_text", description="Show text")
+            cl.Action(name="Hide button", value="hide_button", description="Hide this button"),
+            cl.Action(name="Show text", value="show_text", description="Show thetext")
         ]
 
         await cl.Message(content="Different actions", actions=actions).send()
@@ -85,19 +98,17 @@ async def on_chat_start():
     
     await cl.Message(content="Ask the chatbot a question. Then click the Icelandic button and ask again.").send()
 
-
+#################################################
+### On Message Section                        ###
+### Use this for processing each user message ###
+#################################################   
 @cl.on_message
 async def main(message: cl.Message):
+    # get the session variables
     chain = cl.user_session.get("chain")
     language = cl.user_session.get("language", "english")
     question = message.content
 
-    msg = cl.Message(content="")
-    # handle streaming of LLM responses 
-    async for chunk in chain.astream(
-        {"question": question, "language": language},
-        config=RunnableConfig(callbacks=[cl.LangchainCallbackHandler()]),
-    ):
-        await msg.stream_token(chunk.content)
-
-    await msg.send()
+    response = chain.invoke({"question": question, "language": language})
+    print(response.content)
+    await cl.Message(content=response.content).send()