deployment

constants.py

@@ -20,8 +20,8 @@ MAX_RAM_USAGE_PERCENT = 90
 # Max history messages to keep for context
 MAX_HISTORY = 20
 
-MAX_MESSAGE_LENGTH = 1000
-MAX_COMMENT_LENGTH = 500
+MAX_MESSAGE_LENGTH = 2500
+MAX_COMMENT_LENGTH = 2500
 MAX_RESPONSE_LENGTH = 5000
 MAX_ID_LENGTH = 50
 MAX_FILE_NAME_LENGTH = 50

llama_guard_test.ipynb

@@ -0,0 +1,38 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "7ddc61c7",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from detoxify import Detoxify\n",
+    "\n",
+    "multilingual_detoxify_model = Detoxify(\"multilingual\", device=\"cuda\")\n",
+    "multilingual_detoxify_model.predict(\"Hello\")"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": ".venv_win (3.11.9)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.11.9"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}

load_conversations.ipynb

@@ -0,0 +1,288 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "fc07d69e",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "import boto3\n",
+    "import json\n",
+    "import os\n",
+    "import pytz\n",
+    "\n",
+    "from boto3.dynamodb.conditions import Attr\n",
+    "from collections import defaultdict\n",
+    "from datetime import datetime\n",
+    "from decimal import Decimal\n",
+    "from dotenv import load_dotenv"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "aa2cda42",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "load_dotenv()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "2a2214ff",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "AWS_REGION = os.getenv(\"AWS_REGION\", \"us-east-1\")\n",
+    "AWS_ACCESS_KEY = os.getenv(\"AWS_ACCESS_KEY\", None)\n",
+    "AWS_SECRET_ACCESS_KEY = os.getenv(\"AWS_SECRET_ACCESS_KEY\", None)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "290b04ff",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# 1. Initialize the DynamoDB resource\n",
+    "dynamodb = boto3.resource(\n",
+    "    \"dynamodb\",\n",
+    "    region_name=AWS_REGION,\n",
+    "    aws_access_key_id=AWS_ACCESS_KEY,\n",
+    "    aws_secret_access_key=AWS_SECRET_ACCESS_KEY,\n",
+    ")\n",
+    "client = dynamodb.meta.client"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "81477e4d",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "existing_tables = client.list_tables()[\"TableNames\"]\n",
+    "existing_tables"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "a3426a87",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "table = dynamodb.Table(\"chatbot-conversations\")\n",
+    "table"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "3111db17",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def get_all_grouped_sessions(date_string):\n",
+    "    grouped_data = defaultdict(list)\n",
+    "\n",
+    "    # Scan the entire table\n",
+    "    response = table.scan(FilterExpression=Attr(\"timestamp\").gte(date_string))\n",
+    "    items = response.get(\"Items\", [])\n",
+    "\n",
+    "    # Handle pagination if the table is large\n",
+    "    while \"LastEvaluatedKey\" in response:\n",
+    "        response = table.scan(\n",
+    "            ExclusiveStartKey=response[\"LastEvaluatedKey\"],\n",
+    "            FilterExpression=Attr(\"timestamp\").gte(date_string),\n",
+    "        )\n",
+    "        items.extend(response.get(\"Items\", []))\n",
+    "\n",
+    "    # Grouping logic\n",
+    "    for item in items:\n",
+    "        sid = item[\"session_id\"]\n",
+    "        grouped_data[sid].append(item)\n",
+    "\n",
+    "    return dict(grouped_data)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "8b72d9ae",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "local_timezone = pytz.timezone(\"America/Montreal\")\n",
+    "\n",
+    "# Date of the demo\n",
+    "# We want to extract every conversation since that date\n",
+    "local_date = datetime(2026, 2, 10, 0, 0, 0)\n",
+    "\n",
+    "localized_date = local_timezone.localize(local_date)\n",
+    "\n",
+    "utc_date = localized_date.astimezone(pytz.utc)\n",
+    "\n",
+    "# We format the date for dynamodb\n",
+    "utc_date_dynamodb = utc_date.strftime(\"%Y-%m-%dT%H:%M:%SZ\")"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "a5444c0f",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "sessions = get_all_grouped_sessions(utc_date_dynamodb)\n",
+    "sessions"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "eb4bfda0",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Helper to handle DynamoDB Decimal and Set types when saving the conversations\n",
+    "def decimal_set_default(obj):\n",
+    "    if isinstance(obj, Decimal):\n",
+    "        return float(obj) if obj % 1 > 0 else int(obj)\n",
+    "    if isinstance(obj, set):\n",
+    "        return list(obj)\n",
+    "    raise TypeError\n",
+    "\n",
+    "\n",
+    "with open(\"conversations.json\", \"w\", encoding=\"utf-8\") as f:\n",
+    "    json.dump(\n",
+    "        sessions,\n",
+    "        f,\n",
+    "        indent=4,  # Makes the file human-readable (pretty-print)\n",
+    "        ensure_ascii=True,  # Allows special characters (like emojis or accents)\n",
+    "        default=decimal_set_default,  # Uses our helper for Decimals and Sets\n",
+    "    )"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "a53d80a5",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "with open(\"conversations.json\", \"r\", encoding=\"utf-8\") as f:\n",
+    "    conversations = json.load(f)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "55cf17e5",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "conversations"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "b03b5f25",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def filter_grouped_sessions(grouped_data, target_timestamp):\n",
+    "    return {\n",
+    "        sid: [item for item in items if item[\"timestamp\"] >= target_timestamp]\n",
+    "        for sid, items in grouped_data.items()\n",
+    "        # Optional: remove the session_id if the resulting list is empty\n",
+    "        if any(item[\"timestamp\"] >= target_timestamp for item in items)\n",
+    "    }"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "42f7cc13",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "local_date = datetime(2026, 2, 6, 14, 41, 0)\n",
+    "\n",
+    "localized_date = local_timezone.localize(local_date)\n",
+    "\n",
+    "utc_date = localized_date.astimezone(pytz.utc)\n",
+    "\n",
+    "# We format the date for dynamodb\n",
+    "utc_date_dynamodb = utc_date.strftime(\"%Y-%m-%dT%H:%M:%SZ\")\n",
+    "\n",
+    "filtered_conversations = filter_grouped_sessions(conversations, utc_date_dynamodb)\n",
+    "filtered_conversations"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "5ec5002b",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "for conv in filtered_conversations.values():\n",
+    "    if any(\"error\" in message for message in conv):\n",
+    "        print(conv)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "67fad2b2",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def filter_comments(grouped_data):\n",
+    "    return {\n",
+    "        sid: filtered_items\n",
+    "        for sid, items in grouped_data.items()\n",
+    "        if (filtered_items := [item for item in items if \"comment\" in item[\"data\"]])\n",
+    "    }"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "4fae7474",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "comments = filter_comments(conversations)\n",
+    "comments"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": ".venv_win (3.11.9)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.11.9"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}

main.py

@@ -23,7 +23,6 @@ from classes.base_models import (
 )
 
 from classes.pii_filter import PIIFilter
-from classes.prompt_injection_filter import PromptInjectionFilter
 from classes.session_conversation_store import SessionConversationStore
 from classes.session_document_store import SessionDocumentStore
 from classes.session_tracker import SessionTracker

static/components/chat-component.js

@@ -111,7 +111,7 @@ export const ChatComponent = {
     const copyBtn = document.createElement('button');
     copyBtn.classList.add('feedback-btn', 'copy-btn');
     copyBtn.innerHTML = '📋';
-    // TODO: if the language changes, the titles are not affected
+    copyBtn.dataset.i18nTitle = "copy_reply_btn";
     copyBtn.title = translations[StateManager.currentLang]["copy_reply_btn"]; 
     copyBtn.addEventListener('click', () => {
       this.copyMessage(message.content, copyBtn);
@@ -119,9 +119,10 @@ export const ChatComponent = {
 
     // Like button
     const likeBtn = document.createElement('button');
-    likeBtn.classList.add('feedback-btn');
+    likeBtn.classList.add('feedback-btn', 'like-feedback-btn');
     if (isRated && currentRating === 'like') likeBtn.classList.add('active');
     likeBtn.innerHTML = '👍';
+    likeBtn.dataset.i18nTitle = "feedback_like_btn";
     likeBtn.title = translations[StateManager.currentLang]["feedback_like_btn"];
     likeBtn.addEventListener('click', () => {
       window.FeedbackComponent.openModal(index, modelType, 'like', message.content);
@@ -129,9 +130,10 @@ export const ChatComponent = {
 
     // Dislike button
     const dislikeBtn = document.createElement('button');
-    dislikeBtn.classList.add('feedback-btn');
+    dislikeBtn.classList.add('feedback-btn', 'dislike-feedback-btn');
     if (isRated && currentRating === 'dislike') dislikeBtn.classList.add('active');
     dislikeBtn.innerHTML = '👎';
+    dislikeBtn.dataset.i18nTitle = "feedback_dislike_btn";
     dislikeBtn.title = translations[StateManager.currentLang]["feedback_dislike_btn"];
     dislikeBtn.addEventListener('click', () => {
       window.FeedbackComponent.openModal(index, modelType, 'dislike', message.content);
@@ -139,9 +141,10 @@ export const ChatComponent = {
 
     // Mixed button
     const mixedBtn = document.createElement('button');
-    mixedBtn.classList.add('feedback-btn');
+    mixedBtn.classList.add('feedback-btn', 'mixed-feedback-btn');
     if (isRated && currentRating === 'mixed') mixedBtn.classList.add('active');
     mixedBtn.innerHTML = '~';
+    mixedBtn.dataset.i18nTitle = "feedback_mixed_btn";
     mixedBtn.title = translations[StateManager.currentLang]["feedback_mixed_btn"];
     mixedBtn.addEventListener('click', () => {
       window.FeedbackComponent.openModal(index, modelType, 'mixed', message.content);

static/services/translation-service.js

@@ -11,17 +11,14 @@ export const TranslationService = {
       const key = element.getAttribute('data-i18n');
       element.textContent = translations[StateManager.currentLang][key];
     });
-    
-    // Update placeholders
-    const userInput = document.getElementById('userInput');
-    const commentInput = document.getElementById('commentInput');
-    
-    if (userInput) {
-      userInput.placeholder = translations[StateManager.currentLang]["input_placeholder"];
-    }
-    if (commentInput) {
-      commentInput.placeholder = translations[StateManager.currentLang]["comment_placeholder"];
-    }
+    document.querySelectorAll('[data-i18n-placeholder]').forEach(element => {
+      const key = element.getAttribute('data-i18n-placeholder');
+      element.placeholder = translations[StateManager.currentLang][key];
+    });
+    document.querySelectorAll('[data-i18n-title]').forEach(element => {
+      const key = element.getAttribute('data-i18n-title');
+      element.title = translations[StateManager.currentLang][key];
+    });
   },
 
   /**

static/styles/base.css

@@ -154,9 +154,6 @@ svg {
   box-sizing: border-box;
   margin: 0 auto;
 
-  /* Prevent the modal from touching the edges of the screen */
-  width: 90%;
-
   /* Enable scrolling */
   overflow-y: auto;
 }
@@ -189,7 +186,6 @@ svg {
 .language-modal,
 .consent-box,
 .profile,
-.settings-modal-content,
 .feedback-modal {
   display: flex;
   flex-direction: column;

static/styles/components/comment.css

@@ -9,6 +9,7 @@
   border-radius: 15px;
   border: 1px solid #2c3554;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  width: 90%;
 }
 
 .comment-area h2 {

static/styles/components/feedback.css

@@ -76,6 +76,7 @@
 /* Feedback modal */
 .feedback-modal {
   position: relative;
+  width: 90%;
 }
 
 .feedback-modal h2 {

static/styles/components/settings.css

@@ -16,7 +16,12 @@
 }
 
 .settings-modal-content  {
+  width: 480px;
+  max-width: 95%;
   position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 /* Font size */
@@ -24,7 +29,8 @@
   display: flex;
   gap: 12px;
   margin-top: 8px;
-  justify-content: flex-start;
+  margin-bottom: 8px;
+  justify-content: center;
 }
 
 .font-size-btn {
@@ -50,11 +56,3 @@
 .font-size-btn:active {
   transform: translateY(0);
 }
-
-
-/* Responsive */
-@media (max-width: 768px) {
-  .font-size-container {
-    justify-content: center;
-  }
-}

static/translations.js

@@ -1,7 +1,7 @@
 const translations = {
   en: {
     header: "CHAMP Model Comparison",
-    sub_header: "Talk to and compare chatbots powered by different models. Please remember to avoid sharing any sensitive or private details during the conversation.",
+    sub_header: "Talk to different models and compare their reponses. Please remember to avoid sharing any sensitive or private details during the conversation.",
 
     user_guide_label: "User guide:",
     user_guide_link: "CHAMP Model Comparison – Participant Testing Guide",
@@ -24,7 +24,7 @@ const translations = {
     btn_agree_continue: "Agree and Continue",
 
     profile_title: "Profile",
-    profile_desc: "We collect this information to help us understand how different groups of users interact with the system. This data allows us to improve the system and ensure the tool is effective for everyone.",
+    profile_desc: "We collect this information to help us understand how different groups of users interact with the system.",
     select_option: "(Please select an option)",
     label_age: "Age group",
     label_gender: "Gender",
@@ -44,7 +44,7 @@ const translations = {
     link_comment: "Leave a comment",
 
     comment_title: "Leave a comment",
-    comment_placeholder: "Type your comment and click Send...",
+    comment_placeholder: "Type your comment and press Enter or click Send...",
     comment_sent: "Comment sent!",
 
     file_title: "Add a file",
@@ -92,15 +92,16 @@ const translations = {
 
     feedback_for_message: "Message:",
     feedback_comment_label: "Tell us why (optional)",
-    feedback_comment_placeholder: "Your feedback helps us improve...",
+    feedback_comment_placeholder: "Type your comment and press Enter or click Send...",
     feedback_optional: "You can submit without a comment",
-    btn_submit: "Submit",
 
     message_copied: "Message copied to clipboard!",
     feedback_submitted: "Feedback submitted successfully!",
     feedback_failed_server_error: "Feedback submission failed: server error",
     feedback_failed_network_error: "Feedback submission failed: network error",
 
+    settings_btn: "Settings",
+
     done_btn: "Done",
 
     ready: "Ready",
@@ -114,13 +115,14 @@ const translations = {
     network_error: "Network error",
 
     btn_send: "Send",
+    btn_submit: "Submit",
     btn_cancel: "Cancel",
 
     show_more: "About this demo",
   },
   fr: {
     header: "Comparaison de Modèles CHAMP",
-    sub_header: "Discutez avec des chatbots propulsés par différents modèles et comparez-les. Veillez à ne partager aucune information sensible ou privée durant la conversation.",
+    sub_header: "Discutez avec différents modèles et comparez leurs réponses. Veillez à ne partager aucune information sensible ou privée durant la conversation.",
 
     user_guide_label: "Guide de l'utilisateur :",
     user_guide_link: "Comparaison de Modèles CHAMP – Guide de test du participant",
@@ -142,7 +144,7 @@ const translations = {
     btn_agree_continue: "Accepter et continuer",
 
     profile_title: "Profil",
-    profile_desc: "Nous collectons ces informations pour nous aider à comprendre comment différents groupes d'utilisateurs interagissent avec le système. Ces données nous permettent d'améliorer le système et d'assurer que cet outil est efficace pour tout le monde.",
+    profile_desc: "Nous collectons ces informations pour nous aider à comprendre comment différents groupes d'utilisateurs interagissent avec le système.",
     select_option: "(Veuillez sélectionner une option)",
     label_age: "Tranche d'âge",
     label_gender: "Genre",
@@ -209,15 +211,16 @@ const translations = {
     feedback_neutral_title: "Vous pensez que cette réponse peut être améliorée",
     feedback_for_message: "Message :",
     feedback_comment_label: "Dites-nous pourquoi (facultatif)",
-    feedback_comment_placeholder: "Vos commentaires nous aident à nous améliorer...",
+    feedback_comment_placeholder: "Tapez votre commentaire et appuyez sur Entrée ou cliquez sur Envoyer...",
     feedback_optional: "Vous pouvez soumettre sans commentaire",
-    btn_submit: "Soumettre",
 
     message_copied: "Message copié dans le presse-papiers !",
     feedback_submitted: "Retour envoyé avec succès !",
     feedback_failed_server_error: "Échec de l'envoi du retour: erreur du serveur",
     feedback_failed_network_error: "Échec de l'envoi du retour: erreur réseau",
 
+    settings_btn: "Paramètres",
+
     done_btn: "Terminer",
 
     ready: "Prêt",
@@ -231,6 +234,7 @@ const translations = {
     network_error: "Erreur réseau",
 
     btn_send: "Envoyer",
+    btn_submit: "Soumettre",
     btn_cancel: "Annuler",
 
     show_more: "À propos de cette démo",

templates/index.html

@@ -48,7 +48,7 @@
           <button id="clearBtn" class="clear-button" data-i18n="btn_clear"></button>
         </fieldset>
 
-        <button id="settings-btn" class="settings-button">⚙️</button>
+        <button id="settings-btn" class="settings-button" data-i18n-title="settings_btn">⚙️</button>
       </div>
 
       <!-- Settings overlay -->
@@ -190,8 +190,8 @@
               <label for="feedbackInput" data-i18n="feedback_comment_label"></label>
               <textarea 
                 id="feedbackInput" 
-                rows="4"
-                maxlength="500"
+                rows="20"
+                maxlength="2500"
                 data-i18n-placeholder="feedback_comment_placeholder"
               ></textarea>
               <small class="form-hint unselectable" data-i18n="feedback_optional"></small>
@@ -199,7 +199,7 @@
             
             <div class="button-group">
               <button id="cancelFeedbackBtn" class="cancelBtn" data-i18n="btn_cancel"></button>
-              <button id="submitFeedbackBtn" class="ok-button" data-i18n="btn_submit"></button>
+              <button id="submitFeedbackBtn" class="ok-button" data-i18n="btn_send"></button>
             </div>
           </div>
         </div>
@@ -210,10 +210,11 @@
           <textarea
             id="userInput"
             rows="2"
-            maxlength="1000"
+            maxlength="2500"
+            data-i18n-placeholder="input_placeholder"
           ></textarea>
           <div class="chat-toolbar">
-            <button id="upload-file-btn" title="Upload file" class="toolbar-btn" data-i18n="btn_add_file"></button>
+            <button id="upload-file-btn" class="toolbar-btn" data-i18n="btn_add_file"></button>
           </div>
         </div>
 
@@ -233,7 +234,9 @@
           <h2 data-i18n="comment_title"></h2>
           <textarea
             id="commentInput"
-            maxlength="1000"
+            maxlength="2500"
+            data-i18n-placeholder="comment_placeholder"
+            rows="20"
           ></textarea>
           <div id="commentStatus" class="comment-status"></div>
           <div class="button-group">
@@ -250,6 +253,7 @@
           <h2 data-i18n="file_title"></h2>
           <p data-i18n="file_inactivity"></p>
           <p data-i18n="file_format"></p>
+          <p data-i18n="file_size_limit"></p>
           <h3 data-i18n="file_list_title"></h3>
           <div id="file-list" class="file-list">
             <!-- No files added yet -->