updates

apps/ai_tutor/.chainlit/config.toml

@@ -69,7 +69,7 @@ github = "https://github.com/DL4DS/dl4ds_tutor"
 
 # Specify a CSS file that can be used to customize the user interface.
 # The CSS file can be served from the public directory or via an external link.
-custom_css = "/public/test.css"
+custom_css = "/public/files/test.css"
 
 # Specify a Javascript file that can be used to customize the user interface.
 # The Javascript file can be served from the public directory.

apps/ai_tutor/README.md

@@ -0,0 +1,12 @@
+# WIP
+
+
+## Run the encrypt_students script
+
+- If you don't want the emails to be public, run this script to encrypt the emails of the students.
+- This will create a new file in the public/files/ directory.
+- Place your file with the students' emails in the private/ directory (do not commit this file to the repository).
+
+```bash
+python encrypt_students.py --students-file private/students.json --encrypted-students-file public/files/students_encrypted.json
+```

apps/ai_tutor/app.py

@@ -53,7 +53,7 @@ session_store = {}
 CHAINLIT_PATH = "/chainlit_tutor"
 
 # only admin is given any additional permissions for now -- no limits on tokens
-with open("private/students_encrypted.json", "r") as file:
+with open("public/files/students_encrypted.json", "r") as file:
     USER_ROLES = json.load(file)
 
 # Create a Google OAuth flow
@@ -378,7 +378,7 @@ async def get_tokens_left(request: Request):
         return {"tokens_left": 0}
 
 
-mount_chainlit(app=app, target="main.py", path=CHAINLIT_PATH)
+mount_chainlit(app=app, target="chainlit_app.py", path=CHAINLIT_PATH)
 
 if __name__ == "__main__":
     import uvicorn

apps/ai_tutor/{main.py → chainlit_app.py}

@@ -266,24 +266,24 @@ class Chatbot:
             print(e)
             return [
                 cl.Starter(
-                    label="recording on CNNs?",
+                    label="recording on Transformers?",
                     message="Where can I find the recording for the lecture on Transformers?",
-                    icon="/public/adv-screen-recorder-svgrepo-com.svg",
+                    icon="/public/assets/images/starter_icons/adv-screen-recorder-svgrepo-com.svg",
                 ),
                 cl.Starter(
-                    label="where's the slides?",
+                    label="where's the schedule?",
                     message="When are the lectures? I can't find the schedule.",
-                    icon="/public/alarmy-svgrepo-com.svg",
+                    icon="/public/assets/images/starter_icons/alarmy-svgrepo-com.svg",
                 ),
                 cl.Starter(
                     label="Due Date?",
                     message="When is the final project due?",
-                    icon="/public/calendar-samsung-17-svgrepo-com.svg",
+                    icon="/public/assets/images/starter_icons/calendar-samsung-17-svgrepo-com.svg",
                 ),
                 cl.Starter(
                     label="Explain backprop.",
                     message="I didn't understand the math behind backprop, could you explain it?",
-                    icon="/public/acastusphoton-svgrepo-com.svg",
+                    icon="/public/assets/images/starter_icons/acastusphoton-svgrepo-com.svg",
                 ),
             ]
 

apps/ai_tutor/public/files/students_encrypted.json

@@ -0,0 +1 @@
+{"7f1cacca66ee914ddde2ee20e0f2c96651d60cd8aabd310ef25a9e6d88f42df0": ["instructor", "bu"], "f74d264b6b5b2b4c10ce69e4ec16e869e01cb5eb668ed846aa8f6dae5c96cda0": ["admin", "instructor", "bu"], "53401356a874b1539775c73a8564d5e5f4f840441630c9cf649e16d201454f20": ["instructor", "bu"]}

apps/ai_tutor/public/{test.css → files/test.css}

@@ -2,27 +2,31 @@ a[href*='https://github.com/Chainlit/chainlit'] {
     visibility: hidden;
 }
 
-/* TODO: Default image is still shown in the starter questions */
 /* Hide the default avatar image */ 
-.MuiAvatar-root.MuiAvatar-circular {
-    background-image: none; /* Remove default image */
-}
-
+.MuiAvatar-root img.MuiAvatar-img {
+    display: none;
+  }
+  
 /* Target the container of the image and set a custom background image */
 .MuiAvatar-root.MuiAvatar-circular.css-m2icte {
-    background-image: url('/public/avatars/ai-tutor.png'); /* Replace with your custom image URL */
+    background-image: url('/public/assets/images/avatars/ai-tutor.png'); /* Replace with your custom image URL */
     background-size: cover; /* Ensure the image covers the entire container */
     background-position: center; /* Center the image */
     width: 100px; /* Ensure the dimensions match the original */
     height: 100px; /* Ensure the dimensions match the original */
     border-radius: 50%; /* Maintain circular shape */
 }
+.MuiAvatar-root.MuiAvatar-circular.css-v72an7 {
+    background-image: url('/public/assets/images/avatars/ai-tutor.png'); /* Replace with your custom image URL */
+    background-size: cover; /* Ensure the image covers the entire container */
+    background-position: center; /* Center the image */
+    width: 40px; /* Ensure the dimensions match the original */
+    height: 40px; /* Ensure the dimensions match the original */
+    border-radius: 50%; /* Maintain circular shape */
+}
 
-/* .MuiAvatar-root.MuiAvatar-circular.css-v72an7 {
-    background-image: url('/public/avatars/ai-tutor.png'); /* Replace with your custom image URL */
-/*    background-size: cover; /* Ensure the image covers the entire container */
-/*    background-position: center; /* Center the image */
-/*    width: 40px; /* Ensure the dimensions match the original */
-/*    height: 40px; /* Ensure the dimensions match the original */
-/*    border-radius: 50%; /* Maintain circular shape */
-/* } */
+.MuiStack-root.css-14k6mw7 img {
+    content: url('/public/assets/images/avatars/ai-tutor.png'); /* Replace with the path to your custom image */
+    max-height: 45px; /* Ensure the height remains consistent */
+    max-width: 45px; /* Ensure the width remains consistent */
+}

apps/ai_tutor/templates/cooldown.html

@@ -121,7 +121,7 @@
 </head>
 <body>
     <div class="container">
-        <img src="/public/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
+        <img src="/public/assets/images/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
         <h1>Hello, {{ username }}</h1>
         <p>It seems like you need to wait a bit before starting a new session.</p>
         <p class="cooldown-message">Time remaining until the cooldown period ends:</p>

apps/ai_tutor/templates/dashboard.html

@@ -123,7 +123,7 @@
 </head>
 <body>
     <div class="container">
-        <img src="/public/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
+        <img src="/public/assets/images/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
         <h1>Welcome, {{ username }}</h1>
         <p>Ready to start your AI tutoring session?</p>
         <p class="tokens-left">Tokens Left: {{ tokens_left }}</p>

apps/ai_tutor/templates/login.html

@@ -107,7 +107,7 @@
 </head>
 <body>
     <div class="container">
-        <img src="/public/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
+        <img src="/public/assets/images/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
         <h1>Terrier Tutor</h1>
         <p>Welcome to the DS598 AI Tutor. Please sign in to continue.</p>
         <form action="/login/google" method="get">

apps/ai_tutor/templates/unauthorized.html

@@ -78,11 +78,11 @@
 </head>
 <body>
     <div class="container">
-        <img src="/public/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
+        <img src="/public/assets/images/avatars/ai-tutor.png" alt="AI Tutor Avatar" class="avatar">
         <h1>Access Restricted</h1>
         <p>
-            We're currently testing things out for the <strong>DS701</strong> course. 
-            Access is restricted to students of the course. If you're enrolled in <strong>DS701</strong> and seeing this message, 
+            We're currently testing things out for the <strong>DS598</strong> course. 
+            Access is restricted to students of the course. If you're enrolled in <strong>DS598</strong> and seeing this message, 
             please reach out to us, and we'll help you get access.<br><br>
             <em>P.S. Don't forget to use your BU email when logging in!</em>
         </p>

apps/chainlit_base/.chainlit/config.toml

@@ -69,7 +69,7 @@ cot = "full"
 
 # Specify a CSS file that can be used to customize the user interface.
 # The CSS file can be served from the public directory or via an external link.
-# custom_css = "/public/test.css"
+custom_css = "/public/files/test.css"
 
 # Specify a Javascript file that can be used to customize the user interface.
 # The Javascript file can be served from the public directory.

apps/chainlit_base/chainlit_base.py

@@ -203,24 +203,24 @@ class Chatbot:
 
         return [
             cl.Starter(
-                label="recording on CNNs?",
+                label="recording on Transformers?",
                 message="Where can I find the recording for the lecture on Transformers?",
-                icon="/public/adv-screen-recorder-svgrepo-com.svg",
+                icon="/public/assets/images/starter_icons/adv-screen-recorder-svgrepo-com.svg",
             ),
             cl.Starter(
                 label="where's the slides?",
                 message="When are the lectures? I can't find the schedule.",
-                icon="/public/alarmy-svgrepo-com.svg",
+                icon="/public/assets/images/starter_icons/alarmy-svgrepo-com.svg",
             ),
             cl.Starter(
                 label="Due Date?",
                 message="When is the final project due?",
-                icon="/public/calendar-samsung-17-svgrepo-com.svg",
+                icon="/public/assets/images/starter_icons/calendar-samsung-17-svgrepo-com.svg",
             ),
             cl.Starter(
                 label="Explain backprop.",
                 message="I didn't understand the math behind backprop, could you explain it?",
-                icon="/public/acastusphoton-svgrepo-com.svg",
+                icon="/public/assets/images/starter_icons/acastusphoton-svgrepo-com.svg",
             ),
         ]
 

apps/chainlit_base/public/files/students_encrypted.json

@@ -0,0 +1 @@
+{"7f1cacca66ee914ddde2ee20e0f2c96651d60cd8aabd310ef25a9e6d88f42df0": ["instructor", "bu"], "f74d264b6b5b2b4c10ce69e4ec16e869e01cb5eb668ed846aa8f6dae5c96cda0": ["admin", "instructor", "bu"], "53401356a874b1539775c73a8564d5e5f4f840441630c9cf649e16d201454f20": ["instructor", "bu"]}

apps/chainlit_base/public/{test.css → files/test.css}

@@ -2,20 +2,23 @@ a[href*='https://github.com/Chainlit/chainlit'] {
     visibility: hidden;
 }
 
-
+/* TODO: Default image is still shown in the starter questions */
+/* Hide the default avatar image */ 
+.MuiAvatar-root img.MuiAvatar-img {
+    display: none;
+  }
+  
 /* Target the container of the image and set a custom background image */
 .MuiAvatar-root.MuiAvatar-circular.css-m2icte {
-    background-image: url('/public/avatars/ai-tutor.png'); /* Replace with your custom image URL */
+    background-image: url('/public/assets/images/avatars/ai-tutor.png'); /* Replace with your custom image URL */
     background-size: cover; /* Ensure the image covers the entire container */
     background-position: center; /* Center the image */
     width: 100px; /* Ensure the dimensions match the original */
     height: 100px; /* Ensure the dimensions match the original */
     border-radius: 50%; /* Maintain circular shape */
 }
-
-
 .MuiAvatar-root.MuiAvatar-circular.css-v72an7 {
-    background-image: url('/public/avatars/ai-tutor.png'); /* Replace with your custom image URL */
+    background-image: url('/public/assets/images/avatars/ai-tutor.png'); /* Replace with your custom image URL */
     background-size: cover; /* Ensure the image covers the entire container */
     background-position: center; /* Center the image */
     width: 40px; /* Ensure the dimensions match the original */

modules/chat/helpers.py

@@ -38,7 +38,7 @@ def get_sources(res, answer, stream=True, view_sources=False):
     full_answer = ""  # Not to include the answer again if streaming
 
     if not stream:  # First, display the answer if not streaming
-        full_answer = "**Answer:**\n"
+        # full_answer = "**Answer:**\n"
         full_answer += answer
 
     if view_sources: