Spaces:

dl4ds
/

tutor_dev

Configuration error

App Files Files Community

XThomasBU commited on Aug 25, 2024

Commit

adc4b88

1 Parent(s): ac3c353

updates

Browse files

Files changed (6) hide show

apps/ai_tutor/.chainlit/config.toml +8 -8
apps/ai_tutor/public/avatars/{ai_tutor.png → ai-tutor.png} +0 -0
apps/ai_tutor/public/test.css +12 -8
apps/ai_tutor/templates/cooldown.html +1 -1
apps/ai_tutor/templates/dashboard.html +1 -1
apps/ai_tutor/templates/login.html +1 -1

apps/ai_tutor/.chainlit/config.toml CHANGED Viewed

@@ -20,10 +20,10 @@ allow_origins = ["*"]
 [features]
 # Process and display HTML in messages. This can be a security risk (see https://stackoverflow.com/questions/19603097/why-is-it-dangerous-to-render-user-generated-html-or-javascript)
-unsafe_allow_html = false
 # Process and display mathematical expressions. This can clash with "$" characters in messages.
-latex = false
 # Automatically tag threads with the current chat profile (if a chat profile is used)
 auto_tag_thread = true
@@ -53,7 +53,7 @@ edit_message = true
 [UI]
 # Name of the assistant.
-name = "Assistant"
 # Description of the assistant. This is used for HTML tags.
 # description = ""
@@ -62,14 +62,14 @@ name = "Assistant"
 default_collapse_content = true
 # Chain of Thought (CoT) display mode. Can be "hidden", "tool_call" or "full".
-cot = "full"
 # Link to your github repo. This will add a github button in the UI's header.
-# github = ""
 # 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"
 # Specify a Javascript file that can be used to customize the user interface.
 # The Javascript file can be served from the public directory.
@@ -79,7 +79,7 @@ cot = "full"
 # custom_font = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"
 # Specify a custom meta image url.
-# custom_meta_image_url = "https://chainlit-cloud.s3.eu-west-3.amazonaws.com/logo/chainlit_banner.png"
 # Specify a custom build directory for the frontend.
 # This can be used to customize the frontend code.
@@ -87,7 +87,7 @@ cot = "full"
 # custom_build = "./public/build"
 [UI.theme]
-    default = "dark"
     #layout = "wide"
     #font_family = "Inter, sans-serif"
 # Override default MUI light theme. (Check theme.ts)

 [features]
 # Process and display HTML in messages. This can be a security risk (see https://stackoverflow.com/questions/19603097/why-is-it-dangerous-to-render-user-generated-html-or-javascript)
+unsafe_allow_html = true
 # Process and display mathematical expressions. This can clash with "$" characters in messages.
+latex = true
 # Automatically tag threads with the current chat profile (if a chat profile is used)
 auto_tag_thread = true
 [UI]
 # Name of the assistant.
+name = "AI Tutor"
 # Description of the assistant. This is used for HTML tags.
 # description = ""
 default_collapse_content = true
 # Chain of Thought (CoT) display mode. Can be "hidden", "tool_call" or "full".
+cot = "hidden"
 # Link to your github repo. This will add a github button in the UI's header.
+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"
 # Specify a Javascript file that can be used to customize the user interface.
 # The Javascript file can be served from the public directory.
 # custom_font = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"
 # Specify a custom meta image url.
+custom_meta_image_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Boston_University_seal.svg/1200px-Boston_University_seal.svg.png"
 # Specify a custom build directory for the frontend.
 # This can be used to customize the frontend code.
 # custom_build = "./public/build"
 [UI.theme]
+    default = "light"
     #layout = "wide"
     #font_family = "Inter, sans-serif"
 # Override default MUI light theme. (Check theme.ts)

apps/ai_tutor/public/avatars/{ai_tutor.png → ai-tutor.png} RENAMED Viewed

File without changes

apps/ai_tutor/public/test.css CHANGED Viewed

@@ -2,6 +2,11 @@ a[href*='https://github.com/Chainlit/chainlit'] {
     visibility: hidden;
 }
 /* Target the container of the image and set a custom background image */
 .MuiAvatar-root.MuiAvatar-circular.css-m2icte {
@@ -13,12 +18,11 @@ a[href*='https://github.com/Chainlit/chainlit'] {
     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 */
-}

     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 */
+}
 /* Target the container of the image and set a custom background image */
 .MuiAvatar-root.MuiAvatar-circular.css-m2icte {
     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 */
+/* } */

apps/ai_tutor/templates/cooldown.html CHANGED Viewed

@@ -121,7 +121,7 @@
 </head>
 <body>
     <div class="container">
-        <img src="/public/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>

 </head>
 <body>
     <div class="container">
+        <img src="/public/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 CHANGED Viewed

@@ -123,7 +123,7 @@
 </head>
 <body>
     <div class="container">
-        <img src="/public/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>

 </head>
 <body>
     <div class="container">
+        <img src="/public/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 CHANGED Viewed

@@ -107,7 +107,7 @@
 </head>
 <body>
     <div class="container">
-        <img src="/public/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">

 </head>
 <body>
     <div class="container">
+        <img src="/public/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">