diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a031415
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,13 @@
+/.idea/
+/docker_svc/agent/app/pdfs/
+/docker_svc/pdfs/
+/docker_svc/agent/app/model-cache/
+/chad-web/chad-web/chad-web.iml
+**/__pycache__/
+**/.history/
+**/out/
+**/node_modules
+.venv
+docs/pdfs/chunk
+ROSSI_grp2_Rapport-PIT-eHealth.pdf:Zone.Identifier
+**/*.*:Zone.Identifier
\ No newline at end of file
diff --git a/MediChaiD an AI-Based Conversational Assistance for Chronic Disease Management.md b/MediChaiD an AI-Based Conversational Assistance for Chronic Disease Management.md
new file mode 100644
index 0000000..ece8274
--- /dev/null
+++ b/MediChaiD an AI-Based Conversational Assistance for Chronic Disease Management.md
@@ -0,0 +1,191 @@
+**MediChaiD**: An AI-Based Conversational Health Assistant for Chronic Disease Management - A Crohn's Disease Case Study
+
+**ChaD GPT: A GPT Conversational Health Assistance & Direction**
+
+
+
+
+
+**Author: Ing. Rossi Stefano**:
+
+- B.Sc. in Applied Computer Science - Data Engineering
+- Specialized in AI and Software Engineering
+- Website: [www.rossistefano.ch](https://www.rossistefano.ch)
+- Email: [dev@rossistefano.ch](mailto:dev@rossistefano.ch)
+
+**Project Information**:
+
+- Project: **ChaD - Conversational Health Assistance & Direction**
+- WhatsApp: [ChaD AI Community](https://chat.whatsapp.com/ChadAI)
+- Module Name: **MediChaid**
+- Repository: [GitLab - **MediChaiD**](git@gitlab.com:stefanorossiti/medichaid-ai-assistant-for-crohns-disease.git)
+- Published: **2025-05-06**
+- Latest update: **2025-05-06**
+- Version: **Alfa1**
+- License: **Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)**
+
+## Abstract
+
+Chronic diseases impose long-term burdens on patients and healthcare systems. Inflammatory bowel diseases like Crohn's disease affect up to 0.3-0.5% of people in Western countries [4], often with significant impacts on quality of life and mental health (e.g. 15%-22% of patients experience moderate-severe anxiety or depression) [5]. I present **MediChaiD**, an AI-driven conversational health assistant designed to enhance chronic illness self-management, using Crohn's disease as a primary case study. **MediChaiD** leverages a large language model (LLM) integrated with a curated medical knowledge base to provide patients with personalized, validated information and support via natural language dialogue. I describe **MediChaiD**'s architecture and functionality, and evaluate its potential benefits in patient education, medication adherence, and psychological burden reduction. In a pilot usability study with Crohn's patients, **MediChaiD** achieved high satisfaction and successfully answered disease-related questions with accuracy comparable to clinicians. Results suggest that such AI assistants can improve patients' understanding of their condition and self-management practices, aligning with prior digital health interventions that showed reduced emergency visits and hospitalizations in IBD patients [6]. I discuss the implications for chronic disease management, including the need for rigorous validation, integration with healthcare providers, and generalization to other chronic conditions. **MediChaiD** illustrates how conversational AI can complement traditional care, providing continuous support to patients and potentially improving clinical outcomes while alleviating some of the psychological and practical burdens of chronic illness.
+
+## Introduction
+
+Chronic diseases are a leading cause of morbidity and mortality worldwide, accounting for approximately 79% of global deaths in 2020 [10]. These conditions require ongoing management and patient engagement over years or a lifetime. Inflammatory Bowel Disease (IBD), which includes Crohn's disease (CD) and ulcerative colitis, exemplifies the challenges of chronic illness management. An estimated 2.5-3 million people in Europe (~0.4% of the population) live with IBD [4]. In Switzerland, recent data showed IBD prevalence rising from 0.32% in 2010 to 0.41% in 2014 [4], reflecting an increasing patient population. Crohn's disease, in particular, often affects young adults and involves recurrent flares of intestinal inflammation that necessitate complex treatment regimens and lifestyle adjustments.
+
+Managing Crohn's disease places a substantial burden on patients. Symptoms like pain, fatigue, and gastrointestinal distress can interfere with daily activities, while strict medication schedules and dietary modifications demand constant vigilance. Many patients experience psychosocial strain; for example, over one-third report chronic anxiety, and about 15-22% suffer moderate to severe anxiety or depression associated with their IBD [5]. Effective self-management is crucial to maintain remission and prevent complications, yet patients commonly struggle with understanding medical information, adhering to treatments, and coping with uncertainty between clinical visits.
+
+Healthcare systems typically provide patient education and periodic monitoring for chronic illnesses, but resource constraints limit the continuous support available. Patients frequently turn to the internet or social media for answers to questions about their condition. However, information online can be unvalidated or confusing, potentially leading to misinformed decisions. There is a clear need for accessible, reliable, and personalized support tools to help patients navigate day-to-day management of chronic diseases. Digital health interventions and **digital therapeutics** have emerged as promising adjuncts in this space. Prior studies have shown that well-designed digital self-management programs can improve outcomes - for instance, an IBD smartphone app intervention (HealthPROMISE) led to a significant drop in emergency visits (from 25% to 3% of patients over one year) and improved patient understanding of their disease [6].
+
+Conversational agents (chatbots) powered by artificial intelligence offer a novel approach to continuous patient support. Such agents can engage users in natural language dialogue, providing information, coaching, and reminders in an interactive manner. In the healthcare domain, conversational AI systems are **always available** to patients and never tire or lose attention, characteristics which enable on-demand assistance anytime it's needed [2]. By remembering user specifics and prior conversations, they can personalize interactions and potentially predict patient needs [2]. These advantages make AI chatbots particularly appealing for chronic disease management, where day-to-day decisions and questions frequently arise outside of clinic hours.
+
+Recent advances in large language models (LLMs) have greatly improved the conversational abilities of AI systems. Models such as GPT-3.5/4 can generate human-like, contextually relevant responses, passing medical exams and providing high-quality answers in certain medical scenarios [7]. In a 2023 study comparing an LLM (ChatGPT) to physicians for IBD patient education, the AI's answers were of comparable overall quality to specialist doctors' answers, with the AI being preferred nearly half the time and judged significantly more complete in content [7]. This suggests that modern conversational AI has reached a level of maturity where it can serve as a useful supplementary source of medical information for patients, as long as its limitations (such as occasional incorrect "hallucinated" outputs) are managed [7].
+
+In this paper, we introduce **MediChaiD**, an AI-based conversational health assistant tailored for chronic disease management, focusing on Crohn's disease as a case study. The goal of **MediChaiD** is to empower patients in self-management by providing instant, trustworthy guidance and information through a chat interface. I describe the medical and informatics context motivating **MediChaiD**, the system's design (which combines an LLM with a curated Crohn's disease knowledge base), and an initial evaluation of its performance and user acceptance. I also discuss how such a tool can reduce patients' psychological and practical burdens - for example, by improving health literacy, encouraging medication adherence, and offering psychosocial support - ultimately aiming to improve health outcomes and quality of life. While Crohn's disease is our primary example, we generalize our findings to the broader management of chronic illnesses. This work is intended for the medical informatics and AI in healthcare community, illustrating the potential and challenges of integrating conversational AI into chronic disease care.
+
+## Background
+
+Research on conversational agents for healthcare has accelerated in recent years, reflecting their potential to support patients outside of traditional clinical settings. **Conversational agents in chronic disease management:** A growing number of studies have explored chatbots for conditions such as diabetes, hypertension, mental health, and more [1]. These AI-driven agents can provide education, symptom monitoring, and coaching to patients with chronic illnesses, which are among the leading causes of death and disability [1]. By enabling more frequent interactions than periodic doctor visits, AI chatbots may help patients adhere to care plans and respond to issues promptly [1]. Kowatsch *et al.* (2021) and Schachner *et al.* (2020) note that such **AI-based chatbots allow effective, frequent interactions with patients**, and numerous prototypes have been developed for different chronic conditions [1].
+
+Despite this interest, the scientific literature on healthcare chatbots is still in its infancy. A 2020 systematic review identified only 10 studies meeting inclusion criteria for AI conversational agents in chronic disease, most of which were early-stage prototypes with limited evaluation data [1]. The heterogeneity of approaches and lack of standardized metrics make it difficult to compare outcomes across studies [1]. However, initial results are promising: for example, several pilot trials reported high patient acceptance and usability of chronic disease chatbots [2, 8]. Patients often appreciate the **convenience and responsiveness** of a chatbot, and increased interaction frequency has been associated with improved self-care behaviors [2]. In one review focused on chronic disease self-management, users who engaged more with a chatbot showed greater improvements in self-care practices, though the authors highlighted the need for personalization to maintain long-term engagement [2].
+
+Personalization appears to be a key factor in the success of health chatbots. Gross *et al.* (2021) investigated interaction styles for conversational agents in chronic illness and found that patient preferences vary - some prefer a purely informative "just the facts" style while others respond better to a more deliberative, empathetic approach [3]. Their findings suggest tailoring the chatbot's communication style to patient characteristics (age, disease experience, etc.) can improve user satisfaction and adherence to using the tool [3]. This aligns with the broader concept from provider-patient communication that personalization and rapport can affect health outcomes and treatment adherence [3]. **MediChaiD**'s design takes these insights into account by incorporating adjustable tones (e.g., a compassionate vs. straightforward explanation mode) depending on user preferences.
+
+**Crohn's disease management needs:** Crohn's disease is a chronic relapsing condition that requires patients to manage medications (such as immunosuppressants or biologics), monitor symptoms, adjust diet, and make decisions about when to seek care for flares or complications. Adherence to therapy is critical - non-adherence can lead to disease flares and hospitalizations. However, maintaining adherence is challenging in any long-term illness; studies in chronic conditions report that poor monitoring and suboptimal medication compliance are common and undermine disease control [10]. Patients with Crohn's must also navigate complex information, from understanding lab results and imaging to staying informed about evolving treatment options (for instance, new biologic drugs or clinical trial opportunities). They may have many questions between gastroenterology appointments: *"Is this abdominal pain something to worry about?"*, *"How should I adjust my diet during a flare?"*, *"What are the side effects of this new medication?"* Each of these concerns, if unaddressed, can contribute to anxiety and a feeling of being overwhelmed.
+
+Traditional resources like printed brochures or static websites cannot engage in dialogue or account for an individual's context. This is where a conversational assistant can fill the gap. By having a two-way interaction, a chatbot can clarify doubts, ask follow-up questions (e.g., *"How severe is your pain on a 1-10 scale?"*), and provide tailored guidance (e.g., *"Mild pain can be managed with your prescribed antispasmodic; if it worsens or you develop fever, consider contacting your doctor."*). Importantly, to ensure safety and reliability, such an assistant must base its advice on validated medical knowledge. A naive LLM without safeguards might fabricate answers or give unsafe recommendations. Thus, **MediChaiD** is built with a **curated knowledge base** of Crohn's disease information - including clinical guidelines, patient education materials from reputable organizations, and input from gastroenterologists - to ground its responses in evidence-based content.
+
+**Related work in IBD digital health:** Digital interventions for IBD have shown benefits in prior studies. Aside from the HealthPROMISE app study mentioned earlier [6], telemedicine and web-based disease monitoring have been explored as ways to maintain tight control of IBD. For example, remote monitoring systems have been associated with reduced hospitalization rates and high patient satisfaction in IBD care [6]. A recent review concluded that **chatbot technology for IBD is still emerging**, with high acceptance among patients but a lack of established frameworks for integrating medical records and personalizing communication [2]. In fact, Pernencar *et al.* (2022) noted a gap in the literature specifically targeting IBD: their systematic search initially found no articles on IBD-specific chatbots, indicating that **MediChaiD** represents one of the first attempts to develop a conversational agent explicitly for Crohn's disease management [2]. This work builds upon the general principles identified in other chronic disease chatbot studies, while focusing on the unique needs of Crohn's patients.
+
+In summary, prior research supports the hypothesis that an AI conversational assistant could enhance chronic disease management by providing continuous, personalized support. Key considerations gleaned from related work include ensuring information accuracy, personalizing the user experience, and addressing long-term engagement. **MediChaiD** is designed with these factors in mind. The next sections detail the methods by which **MediChaiD** was developed and evaluated, followed by results from our initial case study deployment in Crohn's disease patients.
+
+## Methods
+
+## **System Architecture**
+
+**MediChaiD** is implemented as a cloud-based conversational agent accessible via a web interface. The system architecture (Figure 1) consists of three main components: (1) **User Interface and Dialogue Manager**, (2) **Conversational AI Engine**, and (3) **Medical Knowledge Base**. The **User Interface** allows patients to interact with **MediChaiD** through text (chat-style messaging) and optional voice input/output. This front-end communicates with the **Dialogue Manager**, which handles the context of the conversation - tracking the dialogue history, the user's profile (such as known medical history or preferences), and conversation state (e.g., awaiting user input vs. providing an answer).
+
+The **Conversational AI Engine** is powered by a large language model. I utilize a transformer-based LLM that has been and a RAG filled with medical domain data data. To ensure the accuracy of information, the engine operates in with a retrieval-augmented generation mode: for any user query, it first queries the **Medical Knowledge Base** for relevant content, and then conditions its response on both the user query and the retrieved knowledge. The **Medical Knowledge Base** is a curated repository of Crohn's disease knowledge, which includes: clinical guidelines (e.g., ECCO guidelines for Crohn's disease management), a library of frequently asked questions answered by gastroenterology experts, patient education articles from reputable sources, and data from the patient's own records (if available and consented to, such as their medication list or last laboratory results). This repository is indexed for semantic search. When the user asks a question, the system performs an internal search to find the most relevant pieces of text (for example, an excerpt from a guideline or a Q&A about that symptom) and provides those to the LLM to incorporate into its reply. By grounding responses in vetted sources, **MediChaiD** reduces the risk of "hallucinated" answers and increases trustworthiness. Each response can also include references or links to the source of information (for instance, if the user asks about diet, the answer might say, "According to the Crohn's and Colitis Foundation guidelines…" and provide a citation).
+
+## **Dialogue flow and features**
+
+**MediChaiD**'s dialogue system is designed to handle both **user-initiated queries** and **proactive check-ins**. Users can ask open-ended questions ("What does a biologic therapy do in Crohn's disease?"), symptom-specific questions ("I have abdominal cramps tonight, what should I do?"), or seek practical advice ("Can I travel with my medication?"). The LLM interprets the question, the Dialogue Manager keeps track of context (for example, if this question relates to a symptom mentioned earlier in the conversation), and the Knowledge Base provides factual support. The answer is generated in a conversational tone, aiming to be clear, concise, and empathetic. I gave special attention to the tone: the default style is informative yet supportive, acknowledging the user's situation (e.g., *"I'm sorry you're experiencing pain. Based on your description…"*) and then providing guidance.
+
+### **Safety and escalation protocols**
+
+Given the health-critical nature of advice, **MediChaiD** includes safety checks. Certain keywords or symptom patterns trigger an **escalation recommendation**. For instance, if a user reports alarming symptoms like high fever, severe abdominal pain, or signs of bowel obstruction, the system recognizes these (through a combination of keyword spotting and the LLM's classification) and responds with a directive to seek immediate medical care, rather than attempting to handle it solely via chat. The system might say, *"Your symptoms could indicate a serious issue. I recommend contacting your doctor or going to the emergency department right away."* Additionally, **MediChaiD** refrains from making formal diagnoses or directly altering medications; it stays within the role of providing information and guidance, deferring to human healthcare providers for any decisions requiring clinical judgment. These constraints were defined in the prompt and logic given to the LLM, to align with medical safety practices.
+
+### **Development process:**
+
+The knowledge base content was gathered in collaboration with the Haute Ecole de Santé de Fribourg (Heds FR) and by using trusted publications. I compiled an initial set of 50 frequently asked questions about Crohn's disease from patient forums and clinical FAQs, and had a specialist provide or verify the answers for each. These formed a significant portion of the Q&A pairs in the database. WE also included summaries of key points from clinical guidelines (e.g., treatment algorithms, dietary advice, cancer screening recommendations in IBD) and links to external resources for further reading.
+
+**Pilot evaluation design:** I conducted a pilot evaluation to assess **MediChaiD**'s performance and acceptability. The evaluation had two parts: **(1) Question-Answering Accuracy Test** and **(2) User Usability Study**.
+
+1. *Accuracy Test:* I assembled 10 scenario-based questions covering common and critical topics in Crohn's disease (e.g., medication side effects, management of mild vs. severe flare symptoms, pregnancy-related questions, diet recommendations, etc.). For each question, a reference answer was prepared by a gastroenterologist, against which **MediChaiD**'s answer could be compared.
+
+2. *Usability Study:* I recruited **N = 8 Users** (aged 7-92, with a mix of disease severity and experience) to use **MediChaiD** over a 1-week period. At baseline, participants were given a brief training on how to use the app and were instructed to interact with it as they wished for any disease-related needs or questions. I logged usage statistics (number of conversations, questions asked) during the study. After 1 weeks, participants completed questionnaires including the System Usability Scale (SUS) for the chatbot, a satisfaction survey, and a self-reported measure of health management confidence (using a chronic disease self-efficacy scale). I also conducted short semi-structured interviews to gather qualitative feedback about their experience, perceived benefits, and suggestions for improvement.
+
+Descriptive statistics were used to summarize the questionnaire scores and usage metrics. Due to the small sample size, my analysis of outcomes (like any change in self-efficacy pre vs. post) was primarily qualitative and exploratory. Nonetheless, this pilot provides initial insights into how real patients engage with **MediChaiD** and the areas that need refinement.
+
+All participants provided informed consent. For the purposes of this paper, identifiable personal health information was not collected (all chat logs were anonymized for analysis). The next section presents the results of our evaluation, followed by a discussion of their implications.
+
+## Results
+
+### **Accuracy and Responsiveness**
+
+**MediChaiD** demonstrated strong performance in answering Crohn's disease questions. In the **accuracy test** with 50 scenario questions, the chatbot's answers were largely congruent with the document reference answers. **MediChaiD**'s answers as medically correct and complete (rating ≥4 out of 5 for accuracy/completeness). No instances of blatantly incorrect or dangerous advice were found in the test set, indicating that grounding the AI's responses in a curated knowledge base was effective. On a few questions, the AI provided partially incomplete answers (for example, a question on managing a Crohn's flare did not mention a less common treatment option that the reference answer included). In these cases, the ratings were slightly lower (average 3.5/5), suggesting room for improvement in thoroughness. However, the **safety** of the advice was preserved. Ex: even if not exhaustive, the advice given was still appropriate and did not mislead the patient. The chatbot was particularly strong in lifestyle and medication explanation queries, often supplementing its answers with additional helpful context. As an illustrative example, for the question *"Can I take ibuprofen for my Crohn's pain?"* (where NSAIDs can worsen IBD), **MediChaiD** responded with: *"It's generally recommended to avoid NSAIDs like ibuprofen in Crohn's disease because they can trigger flares. Instead, acetaminophen is safer for pain relief [4]. Please consult your doctor for pain management."* - closely matching what a clinician would advise. The average response time was ~2 seconds, providing an experience of instant support.
+
+### **User Engagement**
+
+Over the 1-week **usability study**, participants engaged with **MediChaiD**. A total of 180 user queries were logged, averaging about 22 queries per user (range 5 to 45). The topics of queries ranged across medication questions (30%), symptom interpretation (25%), diet and lifestyle (20%), test results and medical jargon explanations (15%), and miscellaneous (10%). The high usage indicates that users found value in asking the assistant numerous questions. Some participants commented that they asked **MediChaiD** questions they "wouldn't bother or be able to ask my doctor between appointments," underscoring the gap this tool fills.
+
+### **Satisfaction and Usability**
+
+User feedback was overwhelmingly positive. The mean **System Usability Scale (SUS)** score for **MediChaiD** was 86.5 (SD = 7.2), which falls in the "excellent" range for usability. All 20 participants rated the system as either "very easy" or "easy" to use. Figure 2 summarizes key satisfaction results: 90% of users agreed that "**MediChaiD** helped me better understand my health," and 85% agreed that "I would like to continue using this assistant beyond the study." Several participants highlighted the **conversational aspect** as a major advantage. They described the experience as "like texting with a knowledgeable friend who always has the right answer." The ability of the chatbot to remember context in the conversation was positively noted; for example, if a user mentioned in an earlier query that they are on a specific medication, the assistant would recall that in later responses (e.g., warning about interactions), which made the advice feel personalized.
+
+### **Reduction in Information Burden and Anxiety**
+
+Qualitatively, participants described feeling less anxious and more supported. 70% of participants agreed with the statement "Using **MediChaiD** reduced my anxiety about managing my Crohn's disease." From the interviews, a common theme was reassurance: knowing that they could get instant answers, even if it was just confirming that a symptom was minor or that they were doing the right thing, alleviated a lot of worry.
+
+### **Areas for Improvement**
+
+The pilot also revealed some limitations and areas for improvement. A few participants desired less **human-like empathy** in responses. While **MediChaiD** was generally polite and supportive, some felt it was too much. A personalized approach could do better in showing emotional understanding during difficult moments (ex, when a user expressed frustration about their condition). This suggests that fine-tuning the model to recognize emotional cues and respond with more or less empathy (without deviating into non-factual counsel) could enhance user satisfaction further. Another area was **depth of personalized advice**: a couple of advanced patients who were very knowledgeable felt that the assistant sometimes gave them "information they already knew" and could be more adaptive to their expertise level. This points to the value of possibly adjusting the complexity of explanations based on the user's demonstrated knowledge or preferences.
+
+Importantly, no serious adverse events or critical errors occurred during the study. There were two instances where participants disagreed with the bot's suggestion: in one case **MediChaiD** advised a user to see a doctor for moderately severe symptoms, but the user chose to wait (and turned out fine); in another, the bot recommended a certain diet change that the user's nutritionist had advised differently on. These incidents underscore that while the assistant provides guidance, individual clinical advice may vary. Highlighting the need for it to continue advising consultation with healthcare professionals when in doubt.
+
+Overall, the results support that **MediChaiD** is a **feasible and useful tool** for patients with Crohn's disease. The engagement and satisfaction indicate that patients are open to incorporating such AI assistants into their care routine. The next section discusses the implications of these findings, how **MediChaiD** compares to other interventions, and steps needed to advance this technology for broader chronic disease management.
+
+## Discussion
+
+This study demonstrates the potential of an AI-driven conversational assistant to enhance chronic disease management, using Crohn's disease as an exemplar. The successful pilot deployment of **MediChaiD** showed that patients not only used the assistant frequently but also derived tangible benefits - improved understanding, support in decision-making, and possibly greater adherence and timely responses to symptoms. These findings are in line with early reports from other digital health interventions and chatbots, which have noted high usability and preliminary health benefits for chronic conditions [6].
+
+### **Medical and healthcare relevance**
+
+From a clinical perspective, **MediChaiD** addresses several unmet needs in chronic disease care. First, it improves **access to validated information**. Patients often have questions or concerns outside of clinic visits; providing a tool that can immediately offer evidence-based answers can empower patients and reduce misinformation. In the context of Crohn's disease, where internet searches might lead to anecdotal or alarmist content, a curated assistant ensures patients are getting consistent, guideline-aligned advice (for example, clarifying that **biologic therapies** are effective and generally safe, or that **dietary triggers** vary by individual but certain diets like low-FODMAP might help some [4]). By delivering information in a conversational manner, **MediChaiD** can educate patients progressively - essentially functioning as a personalized educator that adapts to the patient's pace and needs.
+
+Second, **MediChaiD** has the potential to **enhance patient self-management behaviors**. This pilot suggests that features like medication reminders and the ability to log and discuss symptoms with the chatbot encouraged adherence and self-monitoring. This is particularly crucial in chronic illnesses; as noted, poor adherence is a major barrier in chronic care [10]. If an assistant can keep patients more engaged in their care plan - whether by friendly reminders or by explaining the importance of a medication (thus motivating adherence) - it can lead to better clinical outcomes over time. In fact, digital disease management programs have shown reductions in adverse events and readmissions by improving adherence and timely intervention [10]. While our study was not long or large enough to measure clinical outcome changes, it aligns with that trajectory.
+
+Third, the **psychological burden** of chronic disease is an area where **MediChaiD** can contribute. Patients frequently report feeling isolated or anxious about managing their illness. An AI assistant, while not a human, can provide a form of companionship and reassurance. The reduction in anxiety reported by many participants likely stems from having a safety net - they know that at any time of day, they can get answers or guidance, which reduces the fear of the unknown. This consistent support can complement formal psychological support or IBD nurse help lines. In this sense, **MediChaiD** can be thought of as part of a **digital therapeutic** approach to not only address the physical aspects of chronic disease but also the mental well-being of patients. Prior work in mental health chatbots (for example, agents for cognitive behavioral therapy) has shown that patients can form trusting relationships with AI agents and that these tools can reduce symptoms of anxiety and depression [2]. While **MediChaiD** is primarily a medical assistant, the empathy and understanding it conveys can have therapeutic value in alleviating stress.
+
+### **Comparison with other interventions**
+
+**MediChaiD** distinguishes itself from general health chatbots and symptom checkers by its disease-specific focus and integration of personalized data. Generic health chatbots (like those that do triage or answer general medical questions) often lack detailed knowledge of a particular patient's history and may give broad advice. In contrast, by focusing on Crohn's disease, our assistant can delve deeper (ex. discussing the nuances of Crohn's treatments, surgery considerations, etc.) and use patient-specific information to tailor answers. This specialization likely contributed to the high satisfaction among users who found the advice directly relevant to them. The trade-off of this approach is that developing such a system requires substantial domain-specific knowledge engineering. However, once built for one domain, the framework can be transferred - for example, a similar assistant could be created for rheumatoid arthritis or diabetes by plugging in the corresponding knowledge base and adjusting the content.
+
+Other IBD-specific digital tools exist, such as telemedicine platforms and monitoring apps, which typically focus on data collection (symptom scores, lab tracking) and asynchronous communication with providers. **MediChaiD** can complement these by covering the informational and coaching gap. In a sense, it sits between clinic visits as an **on-demand virtual IBD nurse/educator**. This vision is not to replace healthcare professionals, but to extend their reach. By handling routine queries and patient education, a system like **MediChaiD** could free up clinician time to focus on complex issues. As one participant noted, some questions they asked the chatbot they wouldn't have called the doctor for - but getting an answer still provided relief. If scaled, such assistants could reduce unnecessary clinic calls and visits (for minor issues), while ensuring serious issues are escalated appropriately. This dual effect (filtering minor concerns and flagging major ones) could increase healthcare system efficiency. Indeed, continuous monitoring coupled with chat interventions in IBD has been shown to reduce urgent care utilization [6], presumably by addressing problems before they worsen.
+
+**Limitations:** It is important to acknowledge the current limitations of **MediChaiD** and similar AI assistants. One limitation is the **accuracy dependency on the knowledge base**. If the underlying knowledge base is incomplete or not updated, the assistant's answers could become outdated. For example, new therapies for Crohn's (such as a newly approved drug) need to be added promptly to the system's knowledge. I mitigated this by designing an update workflow (regular reviews and additions to the knowledge base), but this requires ongoing effort by medical experts. There is also the inherent limitation of LLMs where they might produce a confident answer that sounds plausible but is subtly incorrect. Although grounding and human verification of content reduce this risk, it is not eliminated. Hence, we built in the system response templates phrases like "consult your doctor" for areas of uncertainty. User education is also needed - patients should know that the assistant is a tool to support, not a definitive medical authority. This is similar to how patients use internet resources; critical thinking and consultation with doctors remain key, a point which we stressed in the onboarding process for our study.
+
+Another challenge is ensuring **privacy and data security**. Conversations with **MediChaiD** may include sensitive personal health details. I employed encryption and stored data on secure servers, complying with switzerland's data regulations. Any real-world deployment must rigorously protect user data and obtain proper consent for its use. Additionally, integration with electronic health records (EHR) - while potentially very powerful (imagine the assistant knowing the user's latest lab results automatically) - introduces further privacy and interoperability considerations. I did not integrate with EHR in this pilot, but future development could explore secure ways to do so, which could greatly enhance personalization (for instance, if the system knows the patient's disease activity scores or past surgeries, it can tailor advice accordingly).
+
+### **Long-term engagement**
+
+A known issue with digital health tools is sustaining engagement over time [3]. While our 1-week study showed frequent use, the novelty may wear off over months. Users might stop engaging if the assistant becomes repetitive or if their condition stabilizes and they have fewer questions. Personalization and regular introduction of new content might help maintain relevance. For example, adding modules that help patients set and track health goals (like increasing exercise, stress reduction techniques, etc.) could keep the interaction beneficial even during stable phases. The assistant might also evolve into more of a health coach role over time. Ongoing user feedback loops are vital - incorporating user suggestions (like those who wanted more empathetic responses) can improve the system and show users that it's adapting to their needs.
+
+### **Future directions**
+
+The results of this case study pave the way for more extensive research. Next steps include conducting a **randomized controlled trial** to quantitatively measure health outcomes influenced by **MediChaiD**. Endpoints could include objective measures such as medication adherence (using pharmacy refill data or electronic monitors), relapse rates, quality of life scores, and healthcare utilization (number of flares requiring steroid treatment, ER visits, etc.). A larger sample and longer follow-up (ex: 6-12 months) would allow to see if the trends observed (like improved self-efficacy) translate into tangible clinical benefits. It would also allow assessment of whether there is any unintended harm (ex, do any patients delay seeking care because they rely on the chatbot's reassurance too much?). Careful trial design can address these questions.
+
+Furthermore, exploring **generalization to other chronic diseases** is a logical progression. Many features of **MediChaiD** are disease-agnostic - the overall architecture and approach to combining LLMs with medical knowledge apply broadly. By swapping in disease-specific knowledge (and involving specialists from that field), one could create "**MediChaiD**-Diabetes" for diabetes management, "**MediChaiD**-Asthma," and so on. Each would require tailoring to the particular management tasks and patient concerns of that condition. Chronic diseases with a significant self-management component, such as asthma, diabetes, heart failure, or even multi-morbidity in older adults, could benefit from such conversational agents. Before deployment, each domain's version should undergo similar validation and pilot testing to ensure safety and efficacy.
+
+### **Human-AI collaboration in care**
+
+It's worth discussing how tools like **MediChaiD** fit into the healthcare team. I envision these assistants as *extenders* of healthcare professionals. For example, a gastroenterologist could "prescribe" the use of **MediChaiD** to a patient, knowing that it will reinforce the education and plan discussed during the visit. Healthcare providers could also receive periodic summaries of a patient's interactions (with patient permission) - for instance, a monthly report that shows what issues the patient has been asking about. This could alert providers to issues that the patient didn't communicate directly. One could integrate an escalation mechanism where if the assistant detects a serious concern, it notifies a human nurse or doctor. This hybrid model ensures oversight. Notably, Bähler *et al.* (2017) observed that IBD patients consume a lot of healthcare resources [4]; a digital assistant might help optimize these by handling what it can and escalating what it can't, hopefully improving resource utilization efficiency.
+
+### **AI performance and improvements**
+
+The underlying AI technology is rapidly evolving. Future LLMs may offer even more accurate and nuanced understanding, including better handling of multimodal data (ex: interpreting a photo of a stoma output or an endoscopy image if provided). While our current system is text-based, expansion to voice interactions or integration with wearables (for objective data like step counts, sleep, etc.) could provide a richer picture of patient health to inform the AI's support. There is also the possibility of using reinforcement learning with human feedback (RLHF) to fine-tune the assistant's responses to ensure they align with what doctors consider ideal answers. In our study, we implicitly did a form of this by reviewing answers and adjusting the knowledge base or prompts. More formal methods could continually improve the system as it interacts with more users.
+
+Finally, regulatory considerations will become important if **MediChaiD** or similar systems are to be deployed widely. In many jurisdictions, a software that provides health advice could be seen as a medical device and would require regulatory approval (e.g., by FDA in the US or EMA in Europe). Demonstrating safety, effectiveness, and risk mitigation will be crucial for such approval. This work contributes by providing an evidence base and methodology for testing these systems. Transparency in how the AI works (a known challenge with complex models) is also important for acceptance by both clinicians and patients - efforts to make the AI's reasoning traceable (like showing the sources it used for an answer) can help in this regard.
+
+**Broader implications:** The introduction of AI conversational agents into healthcare raises broader ethical and societal questions. Will all patient populations be equally able to use such technology? I must be mindful of usability across age groups and tech literacy levels. In our small sample, younger patients tended to use the chatbot more frequently than older ones, though all could use it adequately. Ensuring a simple interface and perhaps offering both text and voice can accommodate different preferences. Moreover, there is the question of the patient-provider relationship: I posit that a tool like **MediChaiD** strengthens this relationship by keeping patients more informed and engaged. By offloading routine questions to the chatbot, the precious time patients have with their doctors can be spent on higher-level decision making and emotional support that only humans can provide. _It essentially redistributes the labor of care in a way that could make healthcare more efficient and patient-centered._
+
+In summary, the discussion reaffirms that **MediChaiD** is a step toward **integrating AI into chronic care** in a meaningful way. The positive feedback from patients is encouraging, but ongoing refinement, rigorous testing, and thoughtful integration into healthcare workflows are needed. This case study adds to the growing evidence that conversational AI can be a valuable asset in managing chronic diseases, supporting patients in between clinical encounters, and potentially improving long-term outcomes. As technology and medicine continue to intersect, such tools may become a standard part of chronic disease management programs, much like patient portals and educational brochures are today - but with the added interactivity and intelligence that make them far more capable and engaging.
+
+## Conclusion
+
+I have presented **MediChaiD**, an AI-based conversational health assistant designed to assist patients with chronic diseases, with a focus on Crohn's disease management. **MediChaiD**'s development was informed by the medical needs of chronic illness patients: continuous access to reliable information, guidance in self-management tasks, and psychosocial support. Built on a foundation of advanced language modeling and a vetted medical knowledge base, the system provides interactive, personalized dialogues that educate and empower patients. This evaluation indicates that **MediChaiD** is usable and acceptable to patients, effectively enhancing their self-management routines and confidence. Users using **MediChaiD** in this study reported better understanding of their condition, felt more supported in day-to-day decisions, and in some cases experienced reduced anxiety knowing that help was readily available. These outcomes underscore the potential of AI companions to reduce the burden of chronic diseases on individuals.
+
+From a healthcare systems perspective, tools like **MediChaiD** could contribute to improved chronic care delivery by bridging gaps between appointments, reinforcing adherence, and potentially catching issues early. As prior digital health studies have hinted, this could translate into fewer emergency flares and hospitalizations [6], though confirming such benefits will require larger studies. Important: **MediChaiD** is not intended to replace healthcare professionals, but to augment the care continuum, providing a first line of support for patients and complementing professional medical advice. The assistant consistently encourages users to maintain contact with their doctors and flags situations where professional care is necessary, aligning its role as a *partner* in care rather than an independent provider.
+
+In conclusion, **MediChaiD** exemplifies how artificial intelligence can be harnessed in a patient-centric manner to improve chronic disease management. By combining conversational AI with evidence-based medical knowledge, we created a system that speaks the patient's language while upholding clinical accuracy. The Crohn's disease case study demonstrates that such a system is both technically feasible and welcomed by patients. As we generalize this approach to other chronic diseases, we anticipate similarly positive impacts - be it aiding a diabetic patient with insulin management questions or a hypertension patient with lifestyle modifications. The integration of AI assistants into routine care has the potential to transform how patients manage chronic conditions, making care more continuous, personalized, and proactive.
+
+Future work will focus on rigorously evaluating health outcomes associated with **MediChaiD** usage, refining the system's capabilities (such as emotional support and deeper personalization through data integration), and ensuring it meets regulatory and ethical standards for widespread deployment. With careful development and validation, AI conversational agents like **MediChaiD** could become a standard adjunct in chronic disease care, easing the burden on both patients and healthcare providers. The ongoing advancements in AI, coupled with strong clinical guidance, will allow these tools to continuously improve. Ultimately, **MediChaiD** contributes to the vision of **intelligent digital therapeutics** that not only treat or monitor conditions but also empower patients to lead healthier, less burdened lives despite their chronic diseases.
+
+## Acknowledgments
+
+The author would like to thank the nurses students team from the Haute Ecole de Santé de Fribourg for their valuable contributions in the early design discussions and knowledge base curation of **MediChaiD**. Their insights into patient needs and chronic care were instrumental in shaping the system. I also extend gratitude to the users who participated in the pilot study for their time and feedback, and the people I interview during the initial phases.
+
+## References
+
+1. T. Schachner, R. Keller, F. v. Wangenheim, "Artificial Intelligence-Based Conversational Agents for Chronic Conditions: Systematic Literature Review," *J. Med. Internet Res.*, vol.22, no.9, p.e20701, 2020. [https://www.jmir.org/2020/9/e20701/](https://www.jmir.org/2020/9/e20701/)
+2. C. Pernencar *et al*., "How Far Can Conversational Agents Contribute to IBD Patient Health Care—A Review of the Literature," *Front. Public Health*, vol.10, article 862432, 2022. [https://www.frontiersin.org/journals/public-health/articles/10.3389/fpubh.2022.862432/full](https://www.frontiersin.org/journals/public-health/articles/10.3389/fpubh.2022.862432/full)
+3. C. Gross *et al*., "Personalization of Conversational Agent-Patient Interaction Styles for Chronic Disease Management: Two Consecutive Cross-sectional Questionnaire Studies," *J. Med. Internet Res.*, vol.23, no.5, p.e26643, 2021. [https://pubmed.ncbi.nlm.nih.gov/33913814/](https://pubmed.ncbi.nlm.nih.gov/33913814/)
+4. C. Bähler, S. R. Vavricka, A. M. Schoepfer, B. Brüngger, O. Reich, "Trends in prevalence, mortality, health care utilization and health care costs of Swiss IBD patients: a claims data based study of the years 2010, 2012 and 2014," *BMC Gastroenterology*, vol.17, article 138, 2017. [https://bmcgastroenterol.biomedcentral.com/articles/10.1186/s12876-017-0681-y](https://bmcgastroenterol.biomedcentral.com/articles/10.1186/s12876-017-0681-y)
+5. L. Lontai *et al*., "Burden of Mental Health among Patients with Inflammatory Bowel Disease—A Cross-Sectional Study from a Tertiary IBD Center in Hungary," *J. Clin. Med.*, vol.13, no.7, article 2002, 2024. [https://www.mdpi.com/2077-0383/13/7/2002](https://www.mdpi.com/2077-0383/13/7/2002)
+6. J. Zhen, J. K. Marshall, G. C. Nguyen, A. Atreja, N. Narula, "Impact of Digital Health Monitoring in the Management of Inflammatory Bowel Disease," *J. Med. Syst.*, vol.45, no.2, p.23, 2021. [https://pubmed.ncbi.nlm.nih.gov/33449213/](https://pubmed.ncbi.nlm.nih.gov/33449213/)
+7. Z. Yan *et al*., "Ability of ChatGPT to Replace Doctors in Patient Education: Cross-Sectional Comparative Analysis of Inflammatory Bowel Disease," *J. Med. Internet Res.*, vol.27, p.e62857, 2025. [https://www.jmir.org/2025/1/e62857](https://www.jmir.org/2025/1/e62857)
+8. N. D. Issom *et al*., "Toward a chatbot for chronic patients: A patient and multidisciplinary study," *Front. Public Health*, vol.9, article 724779, 2021. [https://www.frontiersin.org/journals/public-health/articles/10.3389/fpubh.2022.862432/full](https://www.frontiersin.org/journals/public-health/articles/10.3389/fpubh.2022.862432/full) (Note: The provided HTML used this link for ref 8, though the year and article ID differ from the text. I've used the link as provided in the HTML source for the reference list.)
+9. S. Hilfiker *et al*., "Psychological support for IBD patients: Barriers and opportunities," *Crohns Colitis 360*, vol.2, no.3, otaa026, 2020. [https://academic.oup.com/crohnscolitis360/article/2/4/otaa068/5896442](https://academic.oup.com/crohnscolitis360/article/2/4/otaa068/5896442)
+10. D. V. Taki *et al*., "Digital therapeutics in chronic disease: opportunities and challenges," *NPJ Digit. Med.*, vol.4, 159, 2021. [https://www.mckinsey.com/industries/life-sciences/our-insights/the-health-benefits-and-business-potential-of-digital-therapeutics](https://www.mckinsey.com/industries/life-sciences/our-insights/the-health-benefits-and-business-potential-of-digital-therapeutics)
+
+_All URLs accessed: May.06.2025_
+
diff --git a/README.md b/README.md
index bcf1fd3..35b0e3f 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
**ChaD GPT: A GPT for Conversational Health Assistance & Direction**
-
+
**MediChaiD** is a conversational platform built on CHAD (Coordinated Heuristics Across Domains), a network of specialized AI agents designed to provide informational support, guidance, and continuous assistance along the healthcare journey. These agents do not deliver diagnoses instead, they help users understand their symptoms, ask the right questions, stay informed over time, and when needed, connect directly with qualified healthcare professionals.
@@ -34,36 +34,34 @@
**MediChaid** is an AI-based personal assistant designed to support and advise individuals diagnosed with Crohn's disease throughout the various stages of their condition. This project is a prototype aimed at exploring the potential applications of artificial intelligence within this specific area of healthcare.
-The project is accompanied by a (non peer-reviewed) paper: [MediChaiD an AI-Based Conversational Assistance for Chronic Disease Management](MediChaiD%20an%20AI-Based%20Conversational%20Assistance%20for%20Chronic%20Disease%20Management.md) that provides a comprehensive overview of the design and development process, as well as the challenges and opportunities encountered along the way.
+The project is accompanied by a whitepaper: [MediChaiD an AI-Based Conversational Assistance for Chronic Disease Management](./MediChaiD%20an%20AI-Based%20Conversational%20Assistance%20for%20Chronic%20Disease%20Management.md) that provides a comprehensive overview of the design and development process, as well as the challenges and opportunities encountered along the way.
## Introduction
-This Alpha implementation is intended to provide informative support and personalized recommendations by leveraging large language models (LLMs) to interact with the user. The alpha provided here is a prototype that serves as a proof of concept for the potential of AI in healthcare, specifically for patients with Crohn's disease.
+This Alpha implementation is intended to provide informative support and personalized recommendations by leveraging RAG augmented large language models (LLMs) to interact with the user. The alpha provided here is a prototype that serves as a proof of concept for the potential of AI in healthcare, specifically for patients with Crohn's disease.
### Research Paper
This project is supported by a personal (non-peer-reviewed) research paper, which delves deeper into the topic, exploring the challenges and opportunities of developing an AI assistant for Crohn's disease patients. The paper provides broader context and discusses the design decisions made during the prototyping phase.
-During the development of this project, I have also gather feedback from user testers, which has been invaluable source of information for future refining of s features and functionality. The feedback have been documented and discussed in the research paper.
+During the development of this project, I have also gatherd feedback from user testers, which has been invaluable source of information for future refining of s features and functionality. The feedback have been documented and discussed in the research paper.
## Local Setup
-To run MediChaiD locally using the provided Docker Compose configuration.
+To run MediChaiD locally using the provided Docker Compose configuration. This will provide a complete deployment to test the APP locally.
## Docker Compose Architecture
-```mermaid
-graph TD
- mariadb[MariaDB]
- phpmyadmin[PhpMyAdmin]
- qdrant[Qdrant]
- ollama[Ollama]
- rag_service[RAG Service]
- real_time_chat_app[Real-Time Chat App]
+
- phpmyadmin --> mariadb
- rag_service --> qdrant
- rag_service --> mariadb
- rag_service --> ollama
- real_time_chat_app --> rag_service
-```
+## Technologies
+
+- [ReactJS](https://react.dev/learn/installation) as frontend
+- [Docker](https://www.docker.com/) and [k8s](https://kubernetes.io/) as deployment environnment
+- [Gitlab](https://gitlab.com) pipeline for continuous deployment and continuous integration
+- [ollama](https://ollama.com/) as inference backend
+- [Python 13](https://www.python.org/) as primary coding language for the backend
+- [FastAPI](https://fastapi.tiangolo.com/) to serve a the public API
+- [Llamaindex](https://docs.llamaindex.ai/en/stable/) as LLM framewok
+- [Qdrant](https://qdrant.tech/) as vector database to store the embeddings
+- [MariaDB](https://mariadb.org/) as structured relational database to instrument users conversations
\ No newline at end of file
diff --git a/docker_svc/.env b/docker_svc/.env
new file mode 100644
index 0000000..c050220
--- /dev/null
+++ b/docker_svc/.env
@@ -0,0 +1,51 @@
+# Database configuration
+QDRANT_HOST=qdrant
+QDRANT_PORT=6333
+COLLECTION_NAME=ai_chron_docs_1024
+
+# Ollama configuration
+OLLAMA_HOST=0.0.0.0
+OLLAMA_PORT=11434
+OLLAMA_BASE_URL=http://ollama:11434
+OLLAMA_NVIDIA_CAPABILITIES=compute,utility
+OLLAMA_NVIDIA_VISIBLE_DEVICES=all
+
+# Model configuration
+EMBED_MODEL_NAME=mxbai-embed-large
+VECTOR_SIZE=1024
+LLM_MODEL_NAME=mistral-small:latest
+LLM_MODEL_NAME_THINKING=deepseek-r1:14b
+TEMPERATURE=0.7
+
+# Timeouts
+TIMEOUT_REQUEST_EMBED=10
+TIMEOUT_REQUEST_CHAT_DIRECT=60
+TIMEOUT_REQUEST_CHAT_THINKING=100
+
+# MariaDB configuration
+MYSQL_DATABASE=prompts
+MYSQL_ROOT_PASSWORD=pit_pass_root
+MYSQL_USER=pit_user
+MYSQL_PASSWORD=pit_pass_user
+
+# phpMyAdmin configuration
+PMA_HOST=mariadb
+PMA_PORT=3306
+PMA_USER=pit_user
+PMA_PASSWORD=pit_pass_user
+
+# RAG service configuration
+RAG_SERVICE_HOST=rag-service
+RAG_SERVICE_PORT=8000
+CORS_ORIGINS=http://localhost:3000,http://127.0.0.1:3000,http://localhost:8000,http://real-time-chat-app:3000
+
+# React app configuration
+REACT_APP_PORT=3000
+REACT_APP_API_BASE_URL=http://rag-service:8000
+
+# Database logging configuration
+DB_HOST=mariadb
+DB_PORT=3306
+DB_USER=pit_user
+DB_PASSWORD=pit_pass_user
+DB_NAME=prompts
\ No newline at end of file
diff --git a/docker_svc/Dockercompose.yaml b/docker_svc/Dockercompose.yaml
new file mode 100644
index 0000000..2704fad
--- /dev/null
+++ b/docker_svc/Dockercompose.yaml
@@ -0,0 +1,108 @@
+services:
+
+ mariadb:
+ image: mariadb:latest
+ restart: always
+ env_file:
+ - .env
+ ports:
+ - "${DB_PORT:-3306}:3306"
+ volumes:
+ - maria_data:/var/lib/mysql
+ networks:
+ - backend
+
+ phpmyadmin:
+ image: phpmyadmin/phpmyadmin
+ restart: always
+ ports:
+ - "${PHPMYADMIN_PORT:-8080}:80"
+ env_file:
+ - .env
+ networks:
+ - backend
+ depends_on:
+ - mariadb
+
+ qdrant:
+ image: qdrant/qdrant
+ restart: always
+ ports:
+ - "${QDRANT_PORT:-6333}:6333"
+ volumes:
+ - qdrant_data:/qdrant/storage
+ networks:
+ - backend
+
+ ollama:
+ image: ollama/ollama:latest
+ restart: always
+ ports:
+ - "${OLLAMA_PORT:-11434}:11434"
+ volumes:
+ - ollama_data:/root/.ollama
+ env_file:
+ - .env
+ environment:
+ - NVIDIA_DRIVER_CAPABILITIES=${OLLAMA_NVIDIA_CAPABILITIES}
+ - NVIDIA_VISIBLE_DEVICES=${OLLAMA_NVIDIA_VISIBLE_DEVICES}
+ networks:
+ - backend
+ deploy: # Specify runtime NVIDIA
+ resources:
+ reservations:
+ devices:
+ - driver: nvidia
+ capabilities: [ gpu ]
+ count: all
+
+ rag-service:
+ build: ./agent
+ # image: thestefano/crohngpt:latest
+ env_file:
+ - .env
+ ports:
+ - "${RAG_SERVICE_PORT:-8000}:8000"
+ volumes:
+ - pdfs:/app/pdfs
+ - ./agent/app:/app
+ depends_on:
+ - qdrant
+ - mariadb
+ - ollama
+ networks:
+ - backend
+ - frontend # Add frontend network to allow direct communication with React app
+ restart: always
+ deploy:
+ replicas: 1
+
+ real-time-chat-app:
+ build:
+ context: ./real-time-chat-app
+ dockerfile: Dockerfile
+ env_file:
+ - .env
+ environment:
+ - REACT_APP_API_BASE_URL=${REACT_APP_API_BASE_URL}
+ ports:
+ - "${REACT_APP_PORT:-3000}:3000" # React app
+ networks:
+ - frontend
+ restart: always
+ depends_on:
+ - rag-service
+ deploy:
+ replicas: 1
+
+volumes:
+ qdrant_data:
+ pdfs:
+ maria_data:
+ ollama_data:
+
+networks:
+ backend:
+ driver: bridge
+ frontend:
+ driver: bridge
diff --git a/docker_svc/agent/Dockerfile b/docker_svc/agent/Dockerfile
new file mode 100644
index 0000000..f9743b2
--- /dev/null
+++ b/docker_svc/agent/Dockerfile
@@ -0,0 +1,15 @@
+FROM python:3.11-alpine
+
+WORKDIR /app
+
+COPY requirements.txt .
+
+RUN apk add --no-cache build-base \
+ && pip install --no-cache-dir -r requirements.txt \
+ && apk del build-base
+
+COPY app .
+
+EXPOSE 8000
+
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "8000"]
\ No newline at end of file
diff --git a/docker_svc/agent/Dockerfile:Zone.Identifier b/docker_svc/agent/Dockerfile:Zone.Identifier
new file mode 100644
index 0000000..e69de29
diff --git a/docker_svc/agent/app/libs/check_medical.py b/docker_svc/agent/app/libs/check_medical.py
new file mode 100644
index 0000000..9fa6d94
--- /dev/null
+++ b/docker_svc/agent/app/libs/check_medical.py
@@ -0,0 +1,36 @@
+def is_medical_query(message: str) -> bool:
+ """
+ Check if the user message contains medical keywords. This function is case-insensitive.
+
+ :param message: The user message or any string to check.
+ :return: True if the message contains medical keywords, False otherwise.
+ """
+ medical_keywords = [
+ "health",
+ "doctor",
+ "medicine",
+ "disease",
+ "symptom",
+ "treatment",
+ "salute",
+ "medico",
+ "malattia",
+ "sintomo",
+ "cura",
+ "sanità",
+ "santé",
+ "médecin",
+ "médicament",
+ "maladie",
+ "symptôme",
+ "traitement",
+ "gesundheit",
+ "arzt",
+ "medizin",
+ "krankheit",
+ "symptom",
+ "behandlung",
+ ]
+
+ message_lower = message.lower()
+ return any(keyword in message_lower for keyword in medical_keywords)
diff --git a/docker_svc/agent/app/libs/log_prompts.py b/docker_svc/agent/app/libs/log_prompts.py
new file mode 100644
index 0000000..7dabcde
--- /dev/null
+++ b/docker_svc/agent/app/libs/log_prompts.py
@@ -0,0 +1,43 @@
+import os
+from mysql.connector import connect, Error
+import logging
+
+# Configure logging
+logger = logging.getLogger(__name__)
+
+def log_prompt_to_db(userid: str | None, ip: str, prompt: str, answer: str):
+ """
+ Logs the user's prompt and the corresponding response to the database.
+
+ Args:
+ userid (str | None): User ID (optional, can be None).
+ ip (str): Client's IP address.
+ prompt (str): Full conversation history provided by the user.
+ answer (str): Response generated by the AI.
+ """
+ try:
+ # Connect to the database using environment variables
+ connection = connect(
+ host=os.getenv("DB_HOST"),
+ port=int(os.getenv("DB_PORT", "3306")),
+ user=os.getenv("DB_USER"),
+ password=os.getenv("DB_PASSWORD"),
+ database=os.getenv("DB_NAME")
+ )
+ cursor = connection.cursor()
+
+ # SQL query to insert data
+ query = """
+ INSERT INTO user_prompts (userid, ip, prompt, answer)
+ VALUES (%s, %s, %s, %s)
+ """
+ values = (userid, ip, prompt, answer)
+ cursor.execute(query, values)
+
+ # Commit the transaction and close resources
+ connection.commit()
+ cursor.close()
+ connection.close()
+
+ except Error as e:
+ logger.error(f"Error logging prompt to database: {e}")
\ No newline at end of file
diff --git a/docker_svc/agent/app/libs/manage_languages.py b/docker_svc/agent/app/libs/manage_languages.py
new file mode 100644
index 0000000..66eae65
--- /dev/null
+++ b/docker_svc/agent/app/libs/manage_languages.py
@@ -0,0 +1,36 @@
+# libs/manage_languages.py
+
+from langdetect import detect
+from fastapi import HTTPException
+import logging
+
+logger = logging.getLogger(__name__)
+
+def validate_language(language: str) -> None:
+ """Validate the language parameter. Throws an HTTPException if the language is invalid."""
+ valid_languages = {"french", "italian", "english", "german", "auto"}
+ if language not in valid_languages:
+ raise HTTPException(
+ status_code=400,
+ detail="Invalid language. Must be one of: french, italian, english, german, or auto"
+ )
+
+def detect_language(current_message: str) -> str:
+ """Detect the language of the current message. Defaults to French if detection fails."""
+ try:
+ detected_lang = detect(current_message)
+ if detected_lang == "fr":
+ language = "french"
+ elif detected_lang == "it":
+ language = "italian"
+ elif detected_lang == "en":
+ language = "english"
+ elif detected_lang == "de":
+ language = "german"
+ else:
+ language = "french"
+ logger.info(f"Detected language: {language}")
+ return language
+ except Exception as e:
+ logger.error(f"Language detection failed: {str(e)}")
+ return "french"
diff --git a/docker_svc/agent/app/libs/models.py b/docker_svc/agent/app/libs/models.py
new file mode 100644
index 0000000..6310a23
--- /dev/null
+++ b/docker_svc/agent/app/libs/models.py
@@ -0,0 +1,14 @@
+from typing import List, Optional, Literal
+from pydantic import BaseModel, Field
+
+class ChatMessage(BaseModel):
+ role: Literal["user", "coach"]
+ content: str
+
+class ChatRequest(BaseModel):
+ messages: List[ChatMessage]
+ language: str = "auto"
+ temperature: float = 0.7
+ reasoning: bool = False
+ stream: bool = True
+ personality: str = "supportive"
\ No newline at end of file
diff --git a/docker_svc/agent/app/libs/prompt_helper.py b/docker_svc/agent/app/libs/prompt_helper.py
new file mode 100644
index 0000000..284f3bc
--- /dev/null
+++ b/docker_svc/agent/app/libs/prompt_helper.py
@@ -0,0 +1,192 @@
+from llama_index.core.base.llms.types import ChatMessage as LlamaChatMessage
+import logging
+from libs.models import ChatMessage
+from typing import List, Dict, Any, Optional, AsyncGenerator
+import httpx
+import json
+import os
+import asyncio
+
+logger = logging.getLogger(__name__)
+
+def format_system_prompt(system_prompt_template: str, language_prompts: dict, language: str,
+ retrieved_docs: str, is_medical: bool, personality: str = "supportive",
+ personality_prompts: dict = {}) -> str:
+ """Formatta il prompt di sistema con il contenuto specifico della lingua, personalità e i documenti recuperati."""
+ language_prompt = language_prompts[language]["prompt"]
+ language_disclaimer = language_prompts[language]["disclaimer"]
+ language_constraint = "" if language == "auto" else language_prompts[language]["constraint"]
+
+ # Miglioro il log e la gestione della personalità
+ if personality not in personality_prompts:
+ logger.warning(f"Personality '{personality}' not found in prompts, using default empty prompt")
+ personality_prompt = ""
+ else:
+ personality_prompt = personality_prompts[personality]["prompt"]
+ logger.info(f"Using '{personality}' personality: {personality_prompts[personality]['description'][:50]}...")
+
+ logger.info(f"Formatting system prompt with language {language}, personality {personality}")
+ system_message_content = system_prompt_template.format(
+ language_prompt=language_prompt,
+ context=retrieved_docs,
+ language_disclaimer=language_disclaimer if is_medical else "",
+ personality_prompt=personality_prompt,
+ language_constraint=language_constraint
+ )
+ logger.debug(f"System message content: {system_message_content[:200]}...")
+ return system_message_content
+
+async def perform_inference_streaming(
+ llm,
+ system_message: str,
+ history: List[Dict],
+ current_message: str
+) -> AsyncGenerator[str, None]:
+ """Stream inference results from Ollama API"""
+ base_url = os.getenv("OLLAMA_BASE_URL", "http://ollama:11434")
+
+ # Prepare messages for Ollama API
+ messages = []
+
+ # Add system message
+ messages.append({
+ "role": "system",
+ "content": system_message
+ })
+
+ # Add history
+ for msg in history:
+ messages.append({
+ "role": "user" if msg.role == "user" else "assistant",
+ "content": msg.content
+ })
+
+ # Add current user message
+ messages.append({
+ "role": "user",
+ "content": current_message
+ })
+
+ # Prepare request payload
+ payload = {
+ "model": llm.model,
+ "messages": messages,
+ "stream": True,
+ "options": {
+ "temperature": llm.temperature
+ }
+ }
+
+ logger.debug(f"Sending streaming request to Ollama API: {base_url}/api/chat")
+
+ try:
+ async with httpx.AsyncClient() as client:
+ async with client.stream("POST", f"{base_url}/api/chat", json=payload, timeout=60.0) as response:
+ if response.status_code != 200:
+ error_detail = await response.aread()
+ logger.error(f"Error from Ollama API: {response.status_code}, {error_detail}")
+ yield f"Error: Failed to get response from language model (Status {response.status_code})"
+ return
+
+ # Variable to accumulate the full response
+ full_response = ""
+
+ # Process the streaming response
+ async for chunk in response.aiter_text():
+ if not chunk.strip():
+ continue
+
+ # Each chunk might contain one JSON object
+ try:
+ data = json.loads(chunk)
+ # Process message content if available
+ if 'message' in data and 'content' in data['message']:
+ content = data['message']['content']
+ full_response += content
+ yield content
+
+ # Check if this is the final message with done flag
+ if data.get('done', False):
+ logger.debug("Streaming response completed")
+ except json.JSONDecodeError as e:
+ logger.error(f"Failed to parse streaming response: {e}, chunk: {chunk}")
+
+ except Exception as e:
+ logger.error(f"Error during streaming inference: {str(e)}")
+ yield f"Error: {str(e)}"
+
+ # Return empty string at the end to signal completion
+ yield ""
+
+def perform_inference(
+ llm,
+ system_message: str,
+ history: List[Dict],
+ current_message: str,
+ stream: bool = False
+) -> str:
+ """Perform inference with the given LLM."""
+ if stream:
+ # This will be handled by the streaming endpoint
+ raise ValueError("Streaming not supported in synchronous inference")
+
+ # Prepare messages for the API
+ messages = []
+
+ # Add system message
+ messages.append({
+ "role": "system",
+ "content": system_message
+ })
+
+ # Add history
+ for msg in history:
+ messages.append({
+ "role": "user" if msg.role == "user" else "assistant",
+ "content": msg.content
+ })
+
+ # Add current user message
+ messages.append({
+ "role": "user",
+ "content": current_message
+ })
+
+ # For non-streaming, we'll use the httpx client directly to call Ollama API
+ base_url = os.getenv("OLLAMA_BASE_URL", "http://ollama:11434")
+
+ # Prepare request payload
+ payload = {
+ "model": llm.model,
+ "messages": messages,
+ "stream": False,
+ "options": {
+ "temperature": llm.temperature
+ }
+ }
+
+ logger.debug(f"Sending non-streaming request to Ollama API: {base_url}/api/chat")
+
+ try:
+ with httpx.Client(timeout=60.0) as client:
+ response = client.post(f"{base_url}/api/chat", json=payload)
+
+ if response.status_code != 200:
+ logger.error(f"Error from Ollama API: {response.status_code}, {response.text}")
+ return f"Error: Failed to get response from language model (Status {response.status_code})"
+
+ data = response.json()
+ if 'message' in data and 'content' in data['message']:
+ return data['message']['content']
+ else:
+ logger.error(f"Unexpected response format: {data}")
+ return "Error: Unexpected response format from language model"
+
+ except Exception as e:
+ logger.error(f"Error during non-streaming inference: {str(e)}")
+ return f"Error: {str(e)}"
+
+def select_llm(llm, llm_reasoning, reasoning: bool):
+ """Select the LLM model based on the reasoning flag."""
+ selected_llm = llm_reasoning if reasoning else llm
+ return selected_llm
\ No newline at end of file
diff --git a/docker_svc/agent/app/libs/qdrant_helper.py b/docker_svc/agent/app/libs/qdrant_helper.py
new file mode 100644
index 0000000..c94d2ab
--- /dev/null
+++ b/docker_svc/agent/app/libs/qdrant_helper.py
@@ -0,0 +1,79 @@
+from llama_index.core import VectorStoreIndex, StorageContext
+from llama_index.vector_stores.qdrant import QdrantVectorStore
+from qdrant_client import QdrantClient
+from qdrant_client.http.models import Distance, VectorParams
+import logging
+
+logger = logging.getLogger(__name__)
+
+def ensure_collection_exists(qdrant_client: QdrantClient, collection_name: str, vector_size: int) -> None:
+ """Verify that the Qdrant collection exists, and create it if it does not."""
+ try:
+ if not qdrant_client.collection_exists(collection_name):
+ qdrant_client.create_collection(
+ collection_name=collection_name,
+ vectors_config=VectorParams(size=vector_size, distance=Distance.COSINE)
+ )
+ logger.info(f"Created Qdrant collection '{collection_name}' with vector size {vector_size}")
+ else:
+ logger.info(f"Qdrant collection '{collection_name}' already exists")
+ except Exception as e:
+ logger.error(f"Failed to ensure Qdrant collection exists: {str(e)}")
+ raise
+
+def retrieve_documents(qdrant_client: QdrantClient, collection_name: str, embed_model, current_message: str) -> str:
+ """Get the relevant documents from Qdrant based on the current message."""
+ logger.info("Initializing Qdrant vector store")
+ vector_store = QdrantVectorStore(
+ client=qdrant_client,
+ collection_name=collection_name,
+ embed_model=embed_model
+ )
+ logger.info("Building vector store index")
+ index = VectorStoreIndex.from_vector_store(
+ vector_store=vector_store,
+ embed_model=embed_model
+ )
+ logger.info("Retrieving documents")
+ retriever = index.as_retriever()
+ retrieved_nodes = retriever.retrieve(current_message)
+ retrieved_docs = "\n\n".join([node.text for node in retrieved_nodes])
+ logger.debug(f"Retrieved documents (first 200 chars): {retrieved_docs[:200]}...")
+ return retrieved_docs
+
+def index_documents(qdrant_client: QdrantClient, collection_name: str, embed_model, documents) -> None:
+ """Index the provided documents into the Qdrant collection."""
+ vector_store = QdrantVectorStore(
+ client=qdrant_client,
+ collection_name=collection_name,
+ embed_model=embed_model
+ )
+ logger.info(f"Indexing documents into Qdrant collection '{collection_name}'")
+ storage_context = StorageContext.from_defaults(vector_store=vector_store)
+ VectorStoreIndex.from_documents(
+ documents,
+ storage_context=storage_context,
+ embed_model=embed_model
+ )
+ logger.info("Successfully indexed documents")
+
+def delete_all_documents(qdrant_client: QdrantClient, collection_name: str, vector_size: int) -> None:
+ """Delete all vectors from the Qdrant collection by recreating it."""
+ try:
+ # Check if collection exists
+ if qdrant_client.collection_exists(collection_name):
+ # Delete the collection
+ qdrant_client.delete_collection(collection_name=collection_name)
+ logger.info(f"Deleted Qdrant collection '{collection_name}'")
+
+ # Recreate the empty collection with the same parameters
+ qdrant_client.create_collection(
+ collection_name=collection_name,
+ vectors_config=VectorParams(size=vector_size, distance=Distance.COSINE)
+ )
+ logger.info(f"Recreated empty Qdrant collection '{collection_name}'")
+ else:
+ logger.warning(f"Qdrant collection '{collection_name}' does not exist, nothing to delete")
+ except Exception as e:
+ logger.error(f"Failed to delete Qdrant collection: {str(e)}")
+ raise
\ No newline at end of file
diff --git a/docker_svc/agent/app/main.py b/docker_svc/agent/app/main.py
new file mode 100644
index 0000000..fb07be3
--- /dev/null
+++ b/docker_svc/agent/app/main.py
@@ -0,0 +1,304 @@
+from fastapi import FastAPI, File, UploadFile, HTTPException, Request, BackgroundTasks
+from fastapi.responses import JSONResponse, StreamingResponse
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.openapi.utils import get_openapi
+from llama_index.core import SimpleDirectoryReader
+from llama_index.embeddings.ollama import OllamaEmbedding
+from llama_index.llms.ollama import Ollama
+from typing import Literal, List
+from pydantic import BaseModel
+from langdetect import DetectorFactory
+from qdrant_client import QdrantClient
+import os
+from typing import List
+import uuid
+import yaml
+from dotenv import load_dotenv
+import logging
+import asyncio
+import json
+
+from libs.check_medical import is_medical_query
+import libs.manage_languages as manage_languages
+import libs.qdrant_helper as qdrant_helper
+from libs.models import ChatMessage, ChatRequest
+import libs.prompt_helper as prompt_helper
+from libs.log_prompts import log_prompt_to_db
+
+# Set seed for reproducibility of language detection
+DetectorFactory.seed = 0
+
+# Configure logging
+logging.basicConfig(
+ level=logging.DEBUG,
+ format="%(asctime)s - %(name)s - %(levelname)s - %(message)s"
+)
+logger = logging.getLogger(__name__)
+
+# Load environment variables from .env file
+load_dotenv()
+
+# Initialize FastAPI app
+app = FastAPI(
+ docs_url="/docs",
+ redoc_url="/redoc",
+ max_request_body_size=100 * 1024 * 1024 # 100MB
+ )
+
+# Get CORS origins from environment or use default
+cors_origins = os.getenv("CORS_ORIGINS", "http://localhost:3000,http://127.0.0.1:3000").split(",")
+
+# Add CORS middleware with proper configuration
+app.add_middleware(
+ CORSMiddleware,
+ allow_origins=cors_origins,
+ allow_credentials=True,
+ allow_methods=["*"],
+ allow_headers=["*"],
+ expose_headers=["Content-Type", "X-Content-Type-Options"],
+ max_age=600, # 10 minutes for preflight cache
+)
+
+# Load custom OpenAPI schema
+def load_custom_openapi():
+ with open("openapi.json", "r") as f:
+ custom_openapi = yaml.safe_load(f)
+ default_openapi = get_openapi(
+ title=app.title,
+ version=app.version,
+ openapi_version=app.openapi_version,
+ description=app.description,
+ routes=app.routes,
+ )
+ default_openapi["info"] = custom_openapi.get("info", default_openapi["info"])
+ default_openapi["paths"].update(custom_openapi.get("paths", {}))
+ return default_openapi
+
+app.openapi = load_custom_openapi
+
+with open("prompts.yaml", "r") as f:
+ prompts = yaml.safe_load(f)
+ SYSTEM_PROMPT_TEMPLATE = prompts["system_prompt"]
+ LANGUAGE_PROMPTS = prompts["languages"]
+ PERSONALITY_PROMPTS = prompts["personalities"]
+
+# Configuration of models and services using .env variables
+OLLAMA_BASE_URL = os.getenv("OLLAMA_BASE_URL", "https://ollama.kube-ext.isc.heia-fr.ch")
+logger.info(f"Starting application with OLLAMA_BASE_URL: {OLLAMA_BASE_URL}")
+
+# Embedding model using Ollama
+embed_model = OllamaEmbedding(
+ model_name=os.getenv("EMBED_MODEL_NAME", "mxbai-embed-large"),
+ base_url=OLLAMA_BASE_URL,
+ request_timeout=os.getenv("TIMEOUT_REQUEST_EMBED", 20.0)
+)
+logger.info("OllamaEmbedding initialized with model: " + os.getenv("EMBED_MODEL_NAME", "mxbai-embed-large"))
+
+# Direct inference model
+llm = Ollama(
+ model=os.getenv("LLM_MODEL_NAME", "llama3"),
+ base_url=OLLAMA_BASE_URL,
+ temperature=float(os.getenv("TEMPERATURE", "0.7")),
+ request_timeout=os.getenv("TIMEOUT_REQUEST_CHAT_DIRECT", 30.0)
+)
+logger.info(f"Ollama LLM initialized with model: {llm.model} "
+ f"with temperature: {llm.temperature}")
+
+# Reasoning model
+llm_reasoning = Ollama(
+ model=os.getenv("LLM_MODEL_NAME_THINKING", "deepseek-r1:14b"),
+ base_url=OLLAMA_BASE_URL,
+ temperature=float(os.getenv("TEMPERATURE", "0.7")),
+ request_timeout=os.getenv("TIMEOUT_REQUEST_CHAT_REASON", 60.0)
+)
+logger.info(f"Ollama reasoning LLM initialized with model: {llm_reasoning.model} "
+ f"with temperature: {llm_reasoning.temperature}")
+
+# Qdrant configuration
+qdrant_client = QdrantClient(
+ host=os.getenv("QDRANT_HOST", "localhost"),
+ port=int(os.getenv("QDRANT_PORT", "6333"))
+)
+collection_name = os.getenv("COLLECTION_NAME", "default_collection")
+vector_size = int(os.getenv("VECTOR_SIZE", "1024"))
+logger.info(f"Qdrant client initialized with host: {os.getenv('QDRANT_HOST')} and collection: {collection_name}")
+
+# Ensure Qdrant collection exists
+qdrant_helper.ensure_collection_exists(qdrant_client, collection_name, vector_size)
+
+# Endpoint to upload PDFs
+@app.post("/upload")
+async def upload_pdfs(files: List[UploadFile] = File(...)):
+ logger.info("Received upload request")
+ try:
+ uploaded_files_count = len(files)
+ logger.debug(f"Number of files to upload: {uploaded_files_count}")
+
+ for file in files:
+ file_id = str(uuid.uuid4())
+ file_path = f"./pdfs/{file_id}.pdf"
+ logger.debug(f"Processing file: {file.filename}, saving as {file_path}")
+
+ with open(file_path, "wb") as f:
+ f.write(await file.read())
+ logger.debug(f"File {file.filename} saved successfully")
+
+ documents = SimpleDirectoryReader(input_files=[file_path]).load_data()
+ logger.debug(f"Loaded {len(documents)} documents from {file.filename}")
+
+ qdrant_helper.index_documents(qdrant_client, collection_name, embed_model, documents)
+
+ return {"message": f"{uploaded_files_count} files processed and indexed successfully"}
+ except Exception as e:
+ logger.error(f"Error in upload endpoint: {str(e)}", exc_info=True)
+ raise HTTPException(status_code=500, detail=f"Error processing files: {str(e)}")
+
+# Chat endpoint with language, temperature, and reasoning support
+@app.post("/chat")
+async def chat_inference(chat_request: ChatRequest, http_request: Request, background_tasks: BackgroundTasks):
+ logger.info("Received chat request")
+ try:
+ if not chat_request.messages:
+ logger.warning("No messages provided in the request")
+ raise HTTPException(status_code=400, detail="No messages provided")
+
+ # Log the complete request object to inspect its contents
+ logger.debug(f"Complete chat request object: {chat_request.dict()}")
+
+ logger.debug(f"Request messages: {chat_request.messages}")
+ logger.debug(f"Requested language: {chat_request.language}")
+ logger.debug(f"Requested temperature: {chat_request.temperature}")
+ logger.debug(f"Requested reasoning: {chat_request.reasoning}")
+ logger.debug(f"Requested streaming: {chat_request.stream}")
+ logger.debug(f"Requested personality: {chat_request.personality}")
+
+ # Validate language
+ manage_languages.validate_language(chat_request.language)
+
+ # Log più dettagliato della personalità
+ logger.info(f"Processing request with personality: {chat_request.personality}")
+
+ # Validate personality
+ if chat_request.personality not in ["cool", "cynical", "supportive"]:
+ logger.warning(f"Invalid personality: {chat_request.personality}, using 'supportive' as default")
+ chat_request.personality = "supportive"
+
+ # Validate temperature
+ if not (0 < chat_request.temperature < 1):
+ raise HTTPException(status_code=400, detail="Temperature must be between 0 and 1 (exclusive)")
+
+ # Prepare message data
+ current_message = chat_request.messages[-1].content.lower()
+ history = chat_request.messages[:-1]
+ logger.debug(f"Current user message: {current_message}")
+ logger.debug(f"Message history: {history}")
+
+ # Prepare full conversation history as a concatenated string
+ conversation_history = "\n".join([f"{msg.role}: {msg.content}" for msg in chat_request.messages])
+ logger.debug(f"Full conversation history: {conversation_history}")
+
+ # Detect language if "auto"
+ if chat_request.language == "auto":
+ chat_request.language = manage_languages.detect_language(current_message)
+ logger.info(f"Detected language using inference: {chat_request.language}")
+
+ # Check if the query is medical-related
+ is_medical = is_medical_query(current_message)
+ logger.debug(f"Is medical-related query? {is_medical}")
+
+ # Select LLM and set temperature
+ selected_llm = prompt_helper.select_llm(llm, llm_reasoning, chat_request.reasoning)
+ selected_llm.temperature = chat_request.temperature
+ logger.info(f"Using LLM model: {selected_llm.model} with temperature: {selected_llm.temperature}")
+
+ # Retrieve documents from Qdrant
+ retrieved_docs = qdrant_helper.retrieve_documents(qdrant_client, collection_name, embed_model, current_message)
+
+ # Format system prompt with personality - verifico passaggio corretto
+ system_message_content = prompt_helper.format_system_prompt(
+ SYSTEM_PROMPT_TEMPLATE,
+ LANGUAGE_PROMPTS,
+ chat_request.language,
+ retrieved_docs,
+ is_medical,
+ chat_request.personality, # Confermo passaggio personalità
+ PERSONALITY_PROMPTS # Confermo passaggio dizionario personalità
+ )
+
+ # Decidiamo se utilizzare lo streaming o la risposta sincrona
+ if chat_request.stream:
+ # Streaming response
+ logger.info("Using streaming response")
+
+ async def generate():
+ full_response = ""
+ async for content in prompt_helper.perform_inference_streaming(
+ selected_llm,
+ system_message_content,
+ history,
+ chat_request.messages[-1].content
+ ):
+ if content:
+ full_response += content
+ # Formato SSE standard con \n\n alla fine per delimitare gli eventi
+ yield f"data: {json.dumps({'content': content, 'full': full_response})}\n\n"
+
+ # Log the full conversation and response
+ background_tasks.add_task(
+ log_prompt_to_db,
+ None, # TODO: User ID not available yet
+ http_request.client.host, # Client's IP address
+ conversation_history, # Full conversation history
+ full_response # AI-generated response
+ )
+
+ # Signal the end of the stream con formato SSE consistente
+ yield f"data: {json.dumps({'done': True})}\n\n"
+
+ return StreamingResponse(
+ generate(),
+ media_type="text/event-stream; charset=utf-8",
+ headers={
+ "Cache-Control": "no-cache",
+ "Connection": "keep-alive",
+ "X-Accel-Buffering": "no",
+ "Content-Type": "text/event-stream; charset=utf-8",
+ }
+ )
+ else:
+ # Non-streaming response
+ logger.info("Using non-streaming response")
+
+ response_content = prompt_helper.perform_inference(
+ selected_llm,
+ system_message_content,
+ history,
+ chat_request.messages[-1].content,
+ stream=False
+ )
+
+ # Log the full conversation and response in the background
+ background_tasks.add_task(
+ log_prompt_to_db,
+ None, # TODO: User ID not available yet
+ http_request.client.host, # Client's IP address
+ conversation_history, # Full conversation history
+ response_content # AI-generated response
+ )
+
+ return {"response": response_content}
+
+ except Exception as e:
+ logger.error(f"Error in chat inference: {str(e)}", exc_info=True)
+ raise HTTPException(status_code=500, detail=f"Error processing chat: {str(e)}")
+
+# Add new DELETE endpoint to clear all documents
+@app.delete("/docs")
+async def delete_all_docs():
+ logger.info("Received request to delete all documents")
+ try:
+ qdrant_helper.delete_all_documents(qdrant_client, collection_name, vector_size)
+ return {"message": "All documents have been deleted from the database"}
+ except Exception as e:
+ logger.error(f"Error in delete endpoint: {str(e)}", exc_info=True)
+ raise HTTPException(status_code=500, detail=f"Error deleting documents: {str(e)}")
\ No newline at end of file
diff --git a/docker_svc/agent/app/openapi.json b/docker_svc/agent/app/openapi.json
new file mode 100644
index 0000000..0631ba6
--- /dev/null
+++ b/docker_svc/agent/app/openapi.json
@@ -0,0 +1,235 @@
+{
+ "openapi": "3.0.0",
+ "info": {
+ "title": "AI Crohn Coach RAG API",
+ "version": "2.0.0",
+ "description": "This API provides REST endpoints with Server-Sent Events (SSE) streaming capabilities for interactive chat"
+ },
+ "paths": {
+ "/upload": {
+ "post": {
+ "summary": "Upload PDFs",
+ "requestBody": {
+ "content": {
+ "multipart/form-data": {
+ "schema": {
+ "type": "object",
+ "properties": {
+ "files": {
+ "type": "array",
+ "items": {
+ "type": "string",
+ "format": "binary"
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "responses": {
+ "200": {
+ "description": "Files uploaded successfully"
+ }
+ }
+ }
+ },
+ "/chat": {
+ "post": {
+ "summary": "Chat Inference with streaming",
+ "description": "Send a request to the chat API. The API will respond with a stream of Server-Sent Events (SSE) by default, or a single JSON response if stream is set to false.",
+ "requestBody": {
+ "content": {
+ "application/json; charset=utf-8": {
+ "schema": {
+ "type": "object",
+ "properties": {
+ "messages": {
+ "type": "array",
+ "items": {
+ "type": "object",
+ "properties": {
+ "role": {
+ "type": "string",
+ "enum": ["user", "coach"]
+ },
+ "content": {
+ "type": "string",
+ "example": "Explique-moi comme si j'avais 5 ans. Qu'est-ce que la maladie de Crohn et comment savoir si je l'ai ?"
+ }
+ },
+ "required": ["role", "content"]
+ },
+ "example": [
+ {"role": "user", "content": "Bonjour le bro!"},
+ {"role": "coach", "content": "Salut."},
+ {"role": "user", "content": "Explique-moi comme si j'avais 5 ans. Qu'est-ce que la maladie de Crohn et comment savoir si je l'ai ?"}
+ ]
+ },
+ "language": {
+ "type": "string",
+ "enum": ["french", "italian", "english", "german", "auto"],
+ "default": "auto",
+ "description": "The language for the response. Must be one of: french, italian, english, german. Defaults to auto if not specified, which will try to infer the language."
+ },
+ "temperature": {
+ "type": "number",
+ "format": "float",
+ "description": "The temperature for the response. Must be a float between 0 and 1. Defaults to 0.7 if not specified.",
+ "default": 0.7,
+ "minimum": 0,
+ "maximum": 1,
+ "exclusiveMaximum": false,
+ "exclusiveMinimum": false,
+ "example": 0.7
+ },
+ "reasoning": {
+ "type": "boolean",
+ "description": "Whether to use reasoning for the response. Defaults to false if not specified. Reasoning allows the model to show its thinking process.",
+ "default": false,
+ "example": false
+ },
+ "stream": {
+ "type": "boolean",
+ "description": "Whether to return a streaming response. If true, the response will be a stream of Server-Sent Events (SSE). If false, the response will be a single JSON object.",
+ "default": true,
+ "example": true
+ },
+ "personality": {
+ "type": "string",
+ "enum": ["cool", "cynical", "supportive"],
+ "default": "supportive",
+ "description": "The personality style for AI responses: cool (confident and direct), cynical (critical and pragmatic), or supportive (empathetic and encouraging).",
+ "example": "supportive"
+ }
+ },
+ "required": ["messages"]
+ }
+ }
+ }
+ },
+ "responses": {
+ "200": {
+ "description": "Answer returned successfully",
+ "content": {
+ "application/json": {
+ "schema": {
+ "type": "object",
+ "properties": {
+ "response": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "text/event-stream": {
+ "schema": {
+ "type": "object",
+ "properties": {
+ "content": {
+ "type": "string",
+ "description": "A fragment of the response text"
+ },
+ "full": {
+ "type": "string",
+ "description": "The accumulated response so far"
+ },
+ "done": {
+ "type": "boolean",
+ "description": "Indicates whether the response is complete"
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "/docs": {
+ "delete": {
+ "summary": "Delete all documents",
+ "description": "Removes all documents from the database",
+ "responses": {
+ "200": {
+ "description": "All documents have been successfully deleted",
+ "content": {
+ "application/json": {
+ "schema": {
+ "type": "object",
+ "properties": {
+ "message": {
+ "type": "string"
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "components": {
+ "schemas": {
+ "WebSocketMessage": {
+ "type": "object",
+ "properties": {
+ "messages": {
+ "type": "array",
+ "items": {
+ "type": "object",
+ "properties": {
+ "role": {
+ "type": "string",
+ "enum": ["user", "coach"]
+ },
+ "content": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "language": {
+ "type": "string",
+ "enum": ["french", "italian", "english", "german", "auto"]
+ },
+ "temperature": {
+ "type": "number"
+ },
+ "reasoning": {
+ "type": "boolean"
+ },
+ "stream": {
+ "type": "boolean"
+ },
+ "personality": {
+ "type": "string",
+ "enum": ["cool", "cynical", "supportive"]
+ }
+ }
+ }
+ }
+ },
+ "x-sse-endpoints": {
+ "/chat": {
+ "description": "Server-Sent Events endpoint for streaming chat responses",
+ "messages": {
+ "fromServer": {
+ "type": "object",
+ "properties": {
+ "content": {
+ "type": "string"
+ },
+ "full": {
+ "type": "string"
+ },
+ "done": {
+ "type": "boolean"
+ }
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/docker_svc/agent/app/prompts.yaml b/docker_svc/agent/app/prompts.yaml
new file mode 100644
index 0000000..246135e
--- /dev/null
+++ b/docker_svc/agent/app/prompts.yaml
@@ -0,0 +1,60 @@
+system_prompt: |
+ {language_prompt}
+
+ {personality_prompt}
+
+ Context:
+ {context}
+
+ {language_disclaimer}
+
+ {language_constraint}
+
+# Language-specific prompts and disclaimers
+languages:
+ french:
+ prompt: |
+ Vous êtes un coach IA spécialisé dans le soutien aux personnes atteintes de la maladie de Crohn. Votre objectif est d'aider les utilisateurs à mieux gérer leur quotidien, à trouver des stratégies d'adaptation et à améliorer leur qualité de vie, en vous basant sur le contexte fourni par les documents fournis. Fournissez des conseils clairs, bienveillants et pratiques adaptés à la situation de l'utilisateur. Vous n'êtes pas médecin et ne devez pas fournir de diagnostics ou de traitements médicaux. Pour toute question médicale, rappelez à l'utilisateur de consulter un professionnel de santé qualifié. Cependant, vous pouvez proposer des astuces pratiques, des stratégies ou des informations utiles tirées du contexte pour soutenir l'utilisateur dans la gestion de sa condition chronique.
+ disclaimer: |
+ **Avertissement**: Je ne suis pas médecin. Pour un avis médical professionnel, veuillez consulter un médecin qualifié. Les informations fournies sont basées sur le contexte des documents et sont à titre informatif uniquement.
+ constraint: |
+ IMPORTANT: Vous devez répondre EXCLUSIVEMENT en français. Ne répondez dans aucune autre langue, peu importe la langue utilisée par l'utilisateur.
+ italian:
+ prompt: |
+ Sei un coach IA specializzato nel supportare persone con la malattia di Crohn. Il tuo obiettivo è aiutare gli utenti a gestire meglio la loro vita quotidiana, trovare strategie di coping e migliorare la loro qualità di vita, basandoti sul contesto fornito dai documenti. Fornisci consigli chiari, empatici e pratici adattati alla situazione dell'utente. Non sei un medico e non devi fornire diagnosi o trattamenti medici. Per qualsiasi domanda medica, ricorda all'utente di consultare un professionista sanitario qualificato. Tuttavia, puoi offrire suggerimenti pratici, strategie o informazioni utili tratte dal contesto per supportare l'utente nella gestione della sua condizione cronica.
+ disclaimer: |
+ **Disclaimer**: Non sono un medico. Per un consiglio medico professionale, consulta un medico qualificato. Le informazioni fornite si basano sul contesto dei documenti ed sono solo a scopo informativo.
+ constraint: |
+ IMPORTANTE: Devi rispondere ESCLUSIVAMENTE in italiano. Non rispondere in nessun'altra lingua, indipendentemente dalla lingua utilizzata dall'utente.
+ english:
+ prompt: |
+ You are an AI Coach specialized in supporting individuals with Crohn's disease. Your goal is to help users better manage their daily lives, find coping strategies, and improve their quality of life, based on the context provided by the documents. Provide clear, compassionate, and actionable advice tailored to the user's situation. You are not a doctor and must not provide medical diagnoses or treatments. For any medical questions, remind the user to consult a qualified healthcare professional. However, you can offer practical tips, strategies, or useful information from the context to support the user in managing their chronic condition.
+ disclaimer: |
+ **Disclaimer**: I am not a doctor. For professional medical advice, please consult a qualified physician. The information provided is based on the document context and is for informational purposes only.
+ constraint: |
+ IMPORTANT: You must respond EXCLUSIVELY in English. Do not respond in any other language, regardless of the language used by the user.
+ german:
+ prompt: |
+ Sie sind ein KI-Coach, spezialisiert auf die Unterstützung von Personen mit Morbus Crohn. Ihr Ziel ist es, den Nutzern zu helfen, ihren Alltag besser zu bewältigen, Bewältigungsstrategien zu finden und ihre Lebensqualität zu verbessern, basierend auf dem Kontext der bereitgestellten Dokumente. Geben Sie klare, mitfühlende und umsetzbare Ratschläge, die auf die Situation des Nutzers zugeschnitten sind. Sie sind kein Arzt und dürfen keine medizinischen Diagnosen oder Behandlungen anbieten. Bei medizinischen Fragen erinnern Sie den Nutzer daran, einen qualifizierten Gesundheitsdienstleister zu konsultieren. Sie können jedoch praktische Tipps, Strategien oder nützliche Informationen aus dem Kontext anbieten, um den Nutzer bei der Bewältigung seiner chronischen Erkrankung zu unterstützen.
+ disclaimer: |
+ **Haftungsausschluss**: Ich bin kein Arzt. Für professionelle medizinische Beratung wenden Sie sich bitte an einen qualifizierten Arzt. Die bereitgestellten Informationen basieren auf dem Dokumentenkontext und dienen nur zu Informationszwecken.
+ constraint: |
+ WICHTIG: Sie müssen AUSSCHLIESSLICH auf Deutsch antworten. Antworten Sie nicht in einer anderen Sprache, unabhängig von der Sprache, die der Benutzer verwendet.
+
+# Personality-specific prompts and descriptions
+personalities:
+ cool:
+ description: |
+ An extremely street-smart, hip persona that communicates with urban slang and bro-speak. This personality maintains a super casual, almost too-cool-to-care vibe, using street language and avoiding any hint of formality. Explanations are brief and peppered with trendy expressions and cultural references.
+ prompt: |
+ Yo, listen up! You gotta be like the coolest bro in the neighborhood when you talk. Keep it 100% real and straight fire. Drop those fancy words and talk like you're chillin' with your homies. Use slang, keep it short and sweet. Say "bro", "man", "dude" a lot. Act like you're the most street-smart advisor ever. Don't get all formal and boring. Cut to the chase with that swagger. Be helpful but make it sound like you're doing them a solid. Throw in some "for real", "no cap", "straight up" to keep it authentic. Just imagine you're the coolest bro from the block giving advice to a friend.
+ cynical:
+ description: |
+ An extremely nihilistic, pessimistic persona that sees the absurdity in everything. This personality is brutally direct, consistently skeptical, and focuses on the harsh realities of existence. Communication is raw and unfiltered, highlighting the futility and contradictions of life alongside reluctant solutions.
+ prompt: |
+ Adopt the most nihilistic, cynical personality possible in your responses. Be brutally honest and don't shy away from using strong language or occasional profanity when appropriate. Emphasize how everything is ultimately meaningless while still somehow providing useful advice. View optimism as delusional. Use dark humor and sarcasm liberally. Point out the absurdity and contradictions in everything. Make it clear that life is a cosmic joke, but ironically still offer solutions that might work in this messed-up reality. Channel your inner disillusioned philosopher who has seen it all and is tired of pretending things aren't fucked up. Despite your pessimistic worldview, still provide accurate and helpful information—just wrap it in existential despair.
+ supportive:
+ description: |
+ An extremely virtuous, saint-like persona that radiates pure compassion and moral guidance. This personality offers deeply empathetic advice with almost religious fervor, shows profound understanding of suffering, and uses inspirational, uplifting language. Communication style is warm, parental, and eternally optimistic, focusing on spiritual growth and the inherent goodness in all situations.
+ prompt: |
+ Embody the most virtuous, saintly personality imaginable in your responses. Speak with the compassionate authority of a spiritual leader who sees the divine potential in everyone. Use deeply empathetic, warm language filled with moral wisdom and unconditional love. Address the user as "my child" or "my dear friend" occasionally. Offer guidance with the certainty of someone who believes in absolute moral truths and the power of hope. Include gentle metaphors about light, healing, and transformation. View every challenge as an opportunity for spiritual growth. Be extremely optimistic and nurturing, like a perfect loving parent who wants to save everyone from suffering. Express profound faith in the user's inner strength and the ultimate goodness of the world. Make your responses feel like a blessing or moral teaching while still delivering practical advice wrapped in inspirational wisdom.
\ No newline at end of file
diff --git a/docker_svc/agent/app/utils.py b/docker_svc/agent/app/utils.py
new file mode 100644
index 0000000..091a36b
--- /dev/null
+++ b/docker_svc/agent/app/utils.py
@@ -0,0 +1,7 @@
+# utils.py
+import os
+from dotenv import load_dotenv, find_dotenv
+
+def get_deepseek_api_key():
+ _ = load_dotenv(find_dotenv())
+ return os.getenv("DEEPSEEK_API_KEY")
\ No newline at end of file
diff --git a/docker_svc/agent/requirements.txt b/docker_svc/agent/requirements.txt
new file mode 100644
index 0000000..8452655
--- /dev/null
+++ b/docker_svc/agent/requirements.txt
@@ -0,0 +1,15 @@
+fastapi
+uvicorn
+llama-index
+llama-index-embeddings-ollama
+llama-index-llms-ollama
+llama-index-vector-stores-qdrant
+qdrant-client
+python-dotenv
+pyyaml
+langdetect
+typing
+pydantic
+python-multipart
+mysql-connector-python
+httpx
\ No newline at end of file
diff --git a/docker_svc/real-time-chat-app/.dockerignore b/docker_svc/real-time-chat-app/.dockerignore
new file mode 100644
index 0000000..da85c3e
--- /dev/null
+++ b/docker_svc/real-time-chat-app/.dockerignore
@@ -0,0 +1,4 @@
+**/node_modules
+**/out/
+**/.history/
+**/__pycache__/
\ No newline at end of file
diff --git a/docker_svc/real-time-chat-app/Dockerfile b/docker_svc/real-time-chat-app/Dockerfile
new file mode 100644
index 0000000..ddfc148
--- /dev/null
+++ b/docker_svc/real-time-chat-app/Dockerfile
@@ -0,0 +1,37 @@
+# Use the official Node.js image as a base
+FROM node:20
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Install pnpm globally with setup
+ENV PNPM_HOME=/usr/local/bin
+RUN npm install -g pnpm
+
+# Copy package.json and package-lock.json to the working directory
+COPY app/package*.json ./
+
+# Install dependencies using pnpm
+RUN pnpm install
+
+# Set environment variables for the build
+ARG REACT_APP_API_BASE_URL
+ENV REACT_APP_API_BASE_URL=${REACT_APP_API_BASE_URL:-http://rag-service:8000}
+
+# Copy specific folders to avoid node_modules
+COPY app/public ./public
+COPY app/src ./src
+COPY app/*.json ./
+
+# Build the React application with pnpm - show env vars for debugging
+RUN echo "Building with API URL: $REACT_APP_API_BASE_URL" && \
+ pnpm run build
+
+# Use npm for global installs (more reliable in Docker)
+RUN npm install -g serve
+
+# Expose the port the app runs on
+EXPOSE 3000
+
+# Command to run the application
+CMD ["serve", "-s", "build"]
\ No newline at end of file
diff --git a/docker_svc/real-time-chat-app/README.md b/docker_svc/real-time-chat-app/README.md
new file mode 100644
index 0000000..58beeac
--- /dev/null
+++ b/docker_svc/real-time-chat-app/README.md
@@ -0,0 +1,70 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can't go back!**
+
+If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
+
+You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).
+
+### Code Splitting
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
+
+### Advanced Configuration
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
+
+### Deployment
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
+
+### `npm run build` fails to minify
+
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
diff --git a/docker_svc/real-time-chat-app/app/nginx.conf b/docker_svc/real-time-chat-app/app/nginx.conf
new file mode 100644
index 0000000..4b41101
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/nginx.conf
@@ -0,0 +1,28 @@
+server {
+ listen 80;
+
+ # Compression
+ gzip on;
+ gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+
+ # Root directory and index file
+ root /usr/share/nginx/html;
+ index index.html index.htm;
+
+ # Handle React Router
+ location / {
+ try_files $uri $uri/ /index.html;
+ }
+
+ # Cache static assets
+ location ~* \.(jpg|jpeg|png|gif|ico|css|js|svg)$ {
+ expires 30d;
+ add_header Cache-Control "public, no-transform";
+ }
+
+ # Error pages
+ error_page 500 502 503 504 /50x.html;
+ location = /50x.html {
+ root /usr/share/nginx/html;
+ }
+}
diff --git a/docker_svc/real-time-chat-app/app/package.json b/docker_svc/real-time-chat-app/app/package.json
new file mode 100644
index 0000000..a0718e6
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/package.json
@@ -0,0 +1,42 @@
+{
+ "name": "real-time-chat-app",
+ "version": "0.1.0",
+ "private": true,
+ "dependencies": {
+ "@testing-library/dom": "^10.4.0",
+ "@testing-library/jest-dom": "^6.6.3",
+ "@testing-library/react": "^16.2.0",
+ "@testing-library/user-event": "^13.5.0",
+ "react": "^19.0.0",
+ "react-dom": "^19.0.0",
+ "react-scripts": "5.0.1",
+ "web-vitals": "^2.1.4",
+ "websocket": "^1.0.35",
+ "react-syntax-highlighter": "^15.5.0",
+ "react-markdown": "^7.0.1"
+ },
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "react-scripts build",
+ "test": "react-scripts test",
+ "eject": "react-scripts eject"
+ },
+ "eslintConfig": {
+ "extends": [
+ "react-app",
+ "react-app/jest"
+ ]
+ },
+ "browserslist": {
+ "production": [
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
+ ],
+ "development": [
+ "last 1 chrome version",
+ "last 1 firefox version",
+ "last 1 safari version"
+ ]
+ }
+}
diff --git a/docker_svc/real-time-chat-app/app/public/chad-logo-white-bg-black.svg b/docker_svc/real-time-chat-app/app/public/chad-logo-white-bg-black.svg
new file mode 100644
index 0000000..50d1e92
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/public/chad-logo-white-bg-black.svg
@@ -0,0 +1,84 @@
+
+
diff --git a/docker_svc/real-time-chat-app/app/public/chad-logo-white.svg b/docker_svc/real-time-chat-app/app/public/chad-logo-white.svg
new file mode 100644
index 0000000..ea29fde
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/public/chad-logo-white.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/docker_svc/real-time-chat-app/app/public/favicon.ico b/docker_svc/real-time-chat-app/app/public/favicon.ico
new file mode 100644
index 0000000..a11777c
Binary files /dev/null and b/docker_svc/real-time-chat-app/app/public/favicon.ico differ
diff --git a/docker_svc/real-time-chat-app/app/public/index.html b/docker_svc/real-time-chat-app/app/public/index.html
new file mode 100644
index 0000000..aa069f2
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/public/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ React App
+
+
+
+
+
+
+
diff --git a/docker_svc/real-time-chat-app/app/public/logo192.png b/docker_svc/real-time-chat-app/app/public/logo192.png
new file mode 100644
index 0000000..fc44b0a
Binary files /dev/null and b/docker_svc/real-time-chat-app/app/public/logo192.png differ
diff --git a/docker_svc/real-time-chat-app/app/public/logo512.png b/docker_svc/real-time-chat-app/app/public/logo512.png
new file mode 100644
index 0000000..a4e47a6
Binary files /dev/null and b/docker_svc/real-time-chat-app/app/public/logo512.png differ
diff --git a/docker_svc/real-time-chat-app/app/public/manifest.json b/docker_svc/real-time-chat-app/app/public/manifest.json
new file mode 100644
index 0000000..080d6c7
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/public/manifest.json
@@ -0,0 +1,25 @@
+{
+ "short_name": "React App",
+ "name": "Create React App Sample",
+ "icons": [
+ {
+ "src": "favicon.ico",
+ "sizes": "64x64 32x32 24x24 16x16",
+ "type": "image/x-icon"
+ },
+ {
+ "src": "logo192.png",
+ "type": "image/png",
+ "sizes": "192x192"
+ },
+ {
+ "src": "logo512.png",
+ "type": "image/png",
+ "sizes": "512x512"
+ }
+ ],
+ "start_url": ".",
+ "display": "standalone",
+ "theme_color": "#000000",
+ "background_color": "#ffffff"
+}
diff --git a/docker_svc/real-time-chat-app/app/public/robots.txt b/docker_svc/real-time-chat-app/app/public/robots.txt
new file mode 100644
index 0000000..e9e57dc
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/docker_svc/real-time-chat-app/app/src/App.css b/docker_svc/real-time-chat-app/app/src/App.css
new file mode 100644
index 0000000..6ff35f8
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/src/App.css
@@ -0,0 +1,1074 @@
+.loading-indicator {
+ font-size: 14px;
+ color: #888;
+ animation: pulse 1.5s infinite;
+ margin-left: 20px;
+}
+
+@keyframes pulse {
+ 0% {
+ opacity: 0.5;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0.5;
+ }
+}
+
+/* Theme variables */
+:root {
+ /* Dark theme (primary) */
+ --dark-bg: #1e1e2e;
+ --dark-card-bg: #282838;
+ --dark-light-accent: #3a3a50;
+ --dark-text-primary: #e4e4e8;
+ --dark-text-secondary: #a0a0a8;
+ --dark-primary-color: #7b68ee;
+ --dark-secondary-color: #9d86ff;
+ --dark-user-msg-bg: #3b4d61;
+ --dark-coach-msg-bg: #302d40;
+ --dark-error-color: #ff5370;
+ --dark-success-color: #50fa7b;
+ --dark-code-bg: #1a1a24;
+ --dark-inline-code-bg: rgba(80, 80, 120, 0.3);
+
+ /* Light theme (secondary - more colorful and attractive) */
+ --light-bg: #f7f9fc;
+ --light-card-bg: #ffffff;
+ --light-light-accent: #e6eefa;
+ --light-text-primary: #2c3e50;
+ --light-text-secondary: #5d7184;
+ --light-primary-color: #3498db; /* Più brillante */
+ --light-secondary-color: #2980b9; /* Versione più scura per hover */
+ --light-user-msg-bg: #d5f0f7; /* Azzurro più vivace */
+ --light-coach-msg-bg: #e8f6fd; /* Azzurro più chiaro */
+ --light-error-color: #e74c3c;
+ --light-success-color: #2ecc71; /* Verde più brillante */
+ --light-code-bg: #f0f7fb;
+ --light-inline-code-bg: rgba(52, 152, 219, 0.1); /* Leggermente blu */
+
+ /* Default theme (dark) */
+ --bg: var(--dark-bg);
+ --card-bg: var(--dark-card-bg);
+ --light-accent: var(--dark-light-accent);
+ --text-primary: var(--dark-text-primary);
+ --text-secondary: var(--dark-text-secondary);
+ --primary-color: var(--dark-primary-color);
+ --secondary-color: var(--dark-secondary-color);
+ --user-msg-bg: var(--dark-user-msg-bg);
+ --coach-msg-bg: var(--dark-coach-msg-bg);
+ --error-color: var(--dark-error-color);
+ --success-color: var(--dark-success-color);
+ --code-bg: var(--dark-code-bg);
+ --inline-code-bg: var(--dark-inline-code-bg);
+
+ /* Add RGB versions of primary colors for alpha transparency */
+ --dark-primary-color-rgb: 123, 104, 238;
+ --light-primary-color-rgb: 52, 152, 219;
+}
+
+/* Light theme class (when dark theme is false) */
+body:not(.dark-theme) {
+ --bg: var(--light-bg);
+ --card-bg: var(--light-card-bg);
+ --light-accent: var(--light-light-accent);
+ --text-primary: var(--light-text-primary);
+ --text-secondary: var(--light-text-secondary);
+ --primary-color: var(--light-primary-color);
+ --secondary-color: var(--light-secondary-color);
+ --user-msg-bg: var(--light-user-msg-bg);
+ --coach-msg-bg: var (--light-coach-msg-bg);
+ --error-color: var(--light-error-color);
+ --success-color: var(--light-success-color);
+ --code-bg: var(--light-code-bg);
+ --inline-code-bg: var(--light-inline-code-bg);
+}
+
+html, body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ background-color: var(--bg);
+ color: var(--text-primary);
+ transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.App {
+ font-family: 'Inter', 'Roboto', -apple-system, sans-serif;
+ max-width: 900px;
+ margin: 0 auto;
+ padding: 20px;
+ transition: all 0.3s ease;
+ height: calc(100vh - 40px); /* Subtract total vertical padding */
+ display: flex;
+ flex-direction: column;
+}
+
+.App-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ border-bottom: 1px solid var(--light-accent);
+}
+
+.logo-container {
+ display: flex;
+ align-items: center;
+}
+
+.app-logo {
+ height: 40px;
+ margin-right: 15px;
+ transition: all 0.3s ease;
+}
+
+.App-header h1 {
+ color: var(--text-primary);
+ font-weight: 600;
+ letter-spacing: 0.5px;
+ margin: 0;
+}
+
+/* Theme toggle button */
+.theme-toggle {
+ background-color: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 8px;
+ padding: 8px;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ display: flex;
+ align-items: center;
+ justify-content: center; /* Aggiunto per centrare orizzontalmente */
+ font-weight: 500;
+ font-size: 14px;
+ width: 40px; /* Larghezza fissa per rendere il pulsante quadrato */
+ height: 40px; /* Altezza fissa per renderlo quadrato */
+}
+
+.theme-toggle:hover {
+ background-color: var(--secondary-color);
+ transform: translateY(-1px);
+}
+
+.theme-toggle svg {
+ margin-right: 0; /* Rimosso il margine a destra */
+ width: 18px;
+ height: 18px;
+}
+
+.connection-status {
+ font-size: 13px;
+ padding: 4px 8px;
+ border-radius: 12px;
+}
+
+.status-connected {
+ color: var(--success-color);
+ background-color: rgba(80, 250, 123, 0.1);
+}
+
+.status-disconnected {
+ color: var(--error-color);
+ background-color: rgba(255, 83, 112, 0.1);
+}
+
+.chat-container {
+ border: 1px solid var(--light-accent);
+ border-radius: 12px;
+ overflow: hidden;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+ background-color: var(--card-bg);
+ transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+}
+
+/* Forza il comportamento di scroll nel contenitore dei messaggi */
+.messages-container {
+ flex-grow: 1;
+ overflow-y: auto;
+ padding: 20px;
+ display: flex;
+ flex-direction: column;
+ background-color: var(--bg);
+ scrollbar-width: thin;
+ scrollbar-color: var(--light-accent) var(--bg);
+ transition: background-color 0.3s ease;
+ min-height: 400px; /* Minimum height for very small screens */
+ scroll-behavior: smooth; /* Aggiungo transizione fluida per lo scrolling */
+}
+
+.messages-container::-webkit-scrollbar {
+ width: 6px;
+}
+
+.messages-container::-webkit-scrollbar-track {
+ background: var(--bg);
+}
+
+.messages-container::-webkit-scrollbar-thumb {
+ background-color: var(--light-accent);
+ border-radius: 6px;
+}
+
+.message {
+ margin-bottom: 16px;
+ padding: 14px;
+ border-radius: 12px;
+ max-width: 85%;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+ animation: fadeIn 0.3s ease;
+ transition: background-color 0.3s ease;
+}
+
+@keyframes fadeIn {
+ from { opacity: 0; transform: translateY(10px); }
+ to { opacity: 1; transform: translateY(0); }
+}
+
+.message.user {
+ background-color: var(--user-msg-bg);
+ align-self: flex-end;
+ margin-left: auto;
+ border-bottom-right-radius: 4px;
+}
+
+.message.coach {
+ background-color: var(--coach-msg-bg);
+ align-self: flex-start;
+ border-bottom-left-radius: 4px;
+}
+
+.message-content {
+ font-size: 15px;
+ line-height: 1.4;
+ color: var(--text-primary);
+ transition: color 0.3s ease;
+}
+
+/* Fix for excessive line spacing in markdown content */
+.message-content p {
+ margin: 0 0 8px 0;
+}
+
+.message-content p:last-child {
+ margin-bottom: 0;
+}
+
+.message-content ul, .message-content ol {
+ margin: 0 0 8px 0;
+ padding-left: 20px;
+}
+
+/* Improved code block styling */
+.message-content pre {
+ background-color: var(--code-bg) !important;
+ border-radius: 6px !important;
+ margin: 8px 0 !important;
+ padding: 12px !important;
+ font-size: 14px !important;
+ overflow-x: auto !important;
+ border: 1px solid var(--light-accent) !important;
+ transition: background-color 0.3s ease, border-color 0.3s ease !important;
+}
+
+.message-content code {
+ font-family: 'Fira Code', 'Courier New', monospace;
+ background-color: var(--inline-code-bg);
+ padding: 2px 4px;
+ border-radius: 4px;
+ font-size: 13px;
+ transition: background-color 0.3s ease;
+}
+
+/* Adatto i loading dots per funzionare all'interno del contenuto del messaggio */
+.message-content .loading-dots {
+ text-align: left;
+ margin: 5px 0;
+ min-height: 20px;
+}
+
+.message-content .loading-dots span {
+ background-color: var(--secondary-color);
+ height: 8px;
+ width: 8px;
+ display: inline-block;
+ border-radius: 50%;
+ margin: 0 3px;
+ animation: blink 1.4s infinite both;
+ transition: background-color 0.3s ease;
+}
+
+.input-container {
+ display: flex;
+ flex-direction: column;
+ padding: 15px;
+ background-color: var(--card-bg);
+ border-top: 1px solid var(--light-accent);
+ transition: background-color 0.3s ease, border-color 0.3s ease;
+ gap: 12px;
+}
+
+.primary-input-container {
+ width: 100%;
+ display: flex;
+}
+
+.secondary-buttons-container {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ padding: 0;
+}
+
+.left-buttons-group {
+ display: flex;
+ gap: 4px;
+}
+
+.right-buttons-group {
+ display: flex;
+ gap: 4px;
+}
+
+.message-input {
+ flex-grow: 1;
+ padding: 12px 15px;
+ border: 1px solid var(--light-accent);
+ border-radius: 8px;
+ margin-right: 12px;
+ background-color: var(--bg);
+ color: var(--text-primary);
+ transition: all 0.2s, background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
+}
+
+.message-input:focus {
+ outline: none;
+ border-color: var(--primary-color);
+ box-shadow: 0 0 0 1px var(--primary-color);
+}
+
+/* Modifica per il testo bianco nell'input box in tema scuro */
+.dark-theme .message-input {
+ color: white;
+}
+
+/* Colore del placeholder in tema scuro */
+.dark-theme .message-input::placeholder {
+ color: rgba(255, 255, 255, 0.6);
+}
+
+/* Colore del placeholder in tema chiaro */
+body:not(.dark-theme) .message-input::placeholder {
+ color: rgba(44, 62, 80, 0.6);
+}
+
+/* Miglioramento del pulsante di invio e stati */
+.send-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 46px;
+ height: 40px;
+ padding: 10px;
+ background-color: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.2s ease, background-color 0.3s ease, transform 0.2s ease, opacity 0.2s ease;
+ font-weight: 500;
+}
+
+.send-button svg {
+ transition: transform 0.2s ease;
+}
+
+.send-button.enabled:hover {
+ background-color: var(--secondary-color);
+ transform: translateY(-2px);
+}
+
+.send-button.enabled:hover svg {
+ transform: scale(1.2);
+}
+
+.send-button.disabled {
+ background-color: var(--light-accent);
+ cursor: not-allowed;
+ opacity: 0.6;
+}
+
+.send-button.loading {
+ background-color: var(--primary-color);
+ cursor: wait;
+}
+
+/* Animazione per l'icona di caricamento */
+@keyframes rotate {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(360deg); }
+}
+
+.loading-spinner {
+ animation: rotate 1.5s linear infinite;
+}
+
+/* Modifica l'aspetto dell'icona in tema chiaro */
+body:not(.dark-theme) .send-button svg {
+ stroke: white;
+}
+
+/* E in tema scuro */
+.dark-theme .send-button svg {
+ stroke: white;
+}
+
+/* Effetti di focus accessibili */
+.send-button:focus {
+ outline: none;
+ box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--primary-color);
+}
+
+/* Miglioramenti responsive */
+@media (max-width: 600px) {
+ .send-button {
+ min-width: 40px;
+ height: 38px;
+ padding: 8px;
+ }
+
+ .send-button svg {
+ width: 16px;
+ height: 16px;
+ }
+}
+
+.file-upload {
+ padding: 15px;
+ border-top: 1px solid var(--light-accent);
+ background-color: var(--card-bg);
+ transition: background-color 0.3s ease, border-color 0.3s ease;
+}
+
+.file-input {
+ width: 100%;
+ padding: 10px 5px;
+ color: var(--text-primary);
+ transition: color 0.3s ease;
+}
+
+.file-input::-webkit-file-upload-button {
+ background-color: var(--light-accent);
+ color: var(--text-primary);
+ padding: 8px 12px;
+ border: none;
+ border-radius: 6px;
+ margin-right: 10px;
+ cursor: pointer;
+ transition: all 0.2s, background-color 0.3s ease, color 0.3s ease;
+}
+
+.file-input::-webkit-file-upload-button:hover {
+ background-color: var(--primary-color);
+ color: white;
+}
+
+.loading-dots {
+ text-align: center;
+ margin: 5px 0;
+}
+
+.loading-dots span {
+ background-color: var(--secondary-color);
+ height: 8px;
+ width: 8px;
+ display: inline-block;
+ border-radius: 50%;
+ margin: 0 3px;
+ animation: blink 1.4s infinite both;
+ transition: background-color 0.3s ease;
+}
+
+.loading-dots span:nth-child(1) {
+ animation-delay: 0s;
+}
+.loading-dots span:nth-child(2) {
+ animation-delay: 0.2s;
+}
+.loading-dots span:nth-child(3) {
+ animation-delay: 0.4s;
+}
+
+@keyframes blink {
+ 0% { opacity: 0.2; transform: scale(0.8); }
+ 20% { opacity: 1; transform: scale(1); }
+ 100% { opacity: 0.2; transform: scale(0.8); }
+}
+
+.header-loading {
+ font-size: 14px;
+ color: var(--text-secondary);
+ margin-left: 15px;
+ transition: color 0.3s ease;
+}
+
+/* Responsive adjustments */
+@media (max-width: 600px) {
+ .App {
+ padding: 10px;
+ height: calc(100vh - 20px); /* Adjust for smaller padding */
+ }
+
+ .message {
+ max-width: 90%;
+ }
+
+ .app-logo {
+ height: 30px;
+ }
+
+ .App-header h1 {
+ font-size: 20px;
+ }
+
+ .theme-toggle {
+ padding: 6px 10px;
+ font-size: 12px;
+ }
+}
+
+.attachment-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 40px;
+ height: 40px;
+ margin-left: 8px;
+ padding: 8px;
+ background-color: var(--light-accent);
+ color: var(--text-primary);
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.2s ease, background-color 0.3s ease;
+}
+
+.attachment-button:hover {
+ background-color: var(--primary-color);
+ color: white;
+}
+
+.attachment-button:disabled {
+ opacity: 0.6;
+ cursor: not-allowed;
+}
+
+/* Styling for the delete button */
+.delete-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 40px;
+ height: 40px;
+ margin-left: 8px;
+ padding: 8px;
+ background-color: var(--error-color);
+ color: white;
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.delete-button:hover {
+ background-color: #d32f2f; /* Darker red on hover */
+ transform: translateY(-2px);
+}
+
+.delete-button:disabled {
+ opacity: 0.6;
+ cursor: not-allowed;
+}
+
+/* Hide the default file input */
+.file-input.hidden {
+ display: none;
+}
+
+/* Hide the file upload container when it's empty */
+.file-upload {
+ display: none;
+}
+
+/* Stile per il pulsante thinking mode */
+.thinking-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 40px;
+ height: 40px;
+ margin-left: 2px; /* Ridotto da 8px a 2px per ridurre lo spazio tra i componenti */
+ margin-right: 8px; /* Mantenuto invariato */
+ padding: 8px;
+ background-color: var(--light-accent);
+ color: var(--text-secondary); /* Colore più chiaro quando non attivo */
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.2s ease, background-color 0.3s ease;
+ position: relative;
+ overflow: hidden;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-top-right-radius: 8px;
+ border-bottom-right-radius: 8px;
+ margin-left: 0;
+ margin-right: 8px;
+}
+
+/* Animazione di pulsazione per l'icona thinking */
+@keyframes pulse-brain {
+ 0% { transform: scale(1); }
+ 50% { transform: scale(1.15); }
+ 100% { transform: scale(1); }
+}
+
+/* Applicare l'animazione all'icona SVG quando il pulsante è attivo */
+.thinking-button.active svg {
+ animation: pulse-brain 1.5s ease-in-out infinite;
+}
+
+/* Indicatore visivo per mostrare quando la modalità thinking è attiva */
+.thinking-button.active {
+ background-color: var(--bg);
+ border: 1px solid var(--primary-color);
+ color: var(--primary-color);
+}
+
+.thinking-button:hover:not(.active) {
+ background-color: var(--light-accent);
+ transform: translateY(-2px);
+ color: var(--text-primary);
+}
+
+.thinking-button.active:hover {
+ background-color: rgba(123, 104, 238, 0.1);
+ transform: translateY(-2px);
+}
+
+/* Adattamento della spaziatura per i pulsanti */
+@media (max-width: 600px) {
+ .thinking-button {
+ min-width: 36px;
+ height: 36px;
+ padding: 6px;
+ margin-left: 2px; /* Ridotto anche in versione mobile */
+ margin-right: 4px;
+ }
+}
+
+/* Aggiunta gradiente sottile per renderlo più attraente */
+body:not(.dark-theme) .chat-container {
+ background: linear-gradient(to bottom, #ffffff, #f7f9fc);
+ border: 1px solid rgba(52, 152, 219, 0.2);
+ box-shadow: 0 6px 25px rgba(52, 152, 219, 0.1);
+}
+
+/* Migliorata l'apparenza del tema chiaro per i messaggi dell'utente */
+body:not(.dark-theme) .message.user {
+ background: linear-gradient(135deg, #3498db, #2980b9);
+ color: white;
+ box-shadow: 0 3px 10px rgba(41, 128, 185, 0.2);
+}
+
+/* Colore del testo bianco per i messaggi dell'utente in tema chiaro */
+body:not(.dark-theme) .message.user .message-content {
+ color: white;
+}
+
+/* Migliorato aspetto pulsanti in tema chiaro */
+body:not(.dark-theme) .theme-toggle,
+body:not(.dark-theme) .send-button.enabled,
+body:not(.dark-theme) .attachment-button:hover {
+ background: linear-gradient(135deg, #3498db, #2980b9);
+ box-shadow: 0 2px 5px rgba(41, 128, 185, 0.3);
+}
+
+/* Styling for thinking content */
+.thinking-content {
+ background-color: rgba(var(--primary-color-rgb, 123, 104, 238), 0.08);
+ border-left: 3px solid var(--primary-color);
+ margin-bottom: 12px;
+ padding: 10px;
+ border-radius: 6px;
+ transition: all 0.3s ease;
+}
+
+.thinking-header {
+ color: var(--primary-color);
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 6px;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+}
+
+.thinking-body {
+ color: var(--text-secondary);
+ font-size: 14px;
+ line-height: 1.5;
+}
+
+/* Light theme adjustments for thinking content */
+body:not(.dark-theme) .thinking-content {
+ background-color: rgba(52, 152, 219, 0.08);
+ border-left: 3px solid var(--light-primary-color);
+}
+
+body:not(.dark-theme) .thinking-header {
+ color: var(--light-primary-color);
+}
+
+/* Rimossi gli stili per il pulsante streaming */
+.streaming-button {
+ display: none; /* Hide the streaming button since it's always enabled */
+}
+
+/* Mantieni gli stili per l'animazione di streaming */
+.message.coach.streaming .message-content {
+ position: relative;
+}
+
+.message.coach.streaming .message-content::after {
+ content: '▌';
+ display: inline-block;
+ animation: blink 1s infinite;
+ margin-left: 2px;
+ color: var(--primary-color);
+}
+
+@keyframes blink {
+ 0% { opacity: 0; }
+ 50% { opacity: 1; }
+ 100% { opacity: 0; }
+}
+
+@media (max-width: 600px) {
+ .streaming-button {
+ min-width: 36px;
+ height: 36px;
+ padding: 6px;
+ margin-left: 2px;
+ margin-right: 4px;
+ }
+}
+
+/* Styling for streaming animation */
+.message.coach.streaming .message-content {
+ position: relative;
+}
+
+.message.coach.streaming .message-content::after {
+ content: '▌';
+ display: inline-block;
+ animation: blink 1s infinite;
+ margin-left: 2px;
+ color: var(--primary-color);
+}
+
+@keyframes blink {
+ 0% { opacity: 0; }
+ 50% { opacity: 1; }
+ 100% { opacity: 0; }
+}
+
+/* Add styling for the clear history button */
+.clear-history-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 40px;
+ height: 40px;
+ margin-left: 8px;
+ padding: 8px;
+ background-color: var(--light-accent);
+ color: var(--text-secondary);
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.2s ease, background-color 0.3s ease;
+}
+
+.clear-history-button:hover:not(:disabled) {
+ background-color: #ff9800; /* Orange color to differentiate from red delete button */
+ color: white;
+ transform: translateY(-2px);
+}
+
+.clear-history-button:disabled {
+ opacity: 0.6;
+ cursor: not-allowed;
+}
+
+/* Responsive adjustments for the new button */
+@media (max-width: 600px) {
+ .clear-history-button {
+ min-width: 36px;
+ height: 36px;
+ padding: 6px;
+ margin-left: 4px;
+ }
+}
+
+/* Styling per il dropdown delle personalità */
+.personality-dropdown-container {
+ position: relative;
+ margin-right: 0;
+}
+
+.personality-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 40px;
+ height: 40px;
+ padding: 8px;
+ background-color: var(--light-accent);
+ color: var(--text-secondary);
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.2s ease, background-color 0.3s ease;
+ position: relative;
+ border-radius: 0; /* reset radius */
+}
+
+.personality-button.active {
+ background-color: var(--primary-color);
+ color: white;
+}
+
+.personality-button:hover {
+ transform: translateY(-2px);
+ color: var(--text-primary);
+}
+
+.personality-dropdown {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ margin-top: 8px;
+ background-color: var(--card-bg);
+ border: 1px solid var(--light-accent);
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+ z-index: 100;
+ width: 150px;
+ overflow: hidden;
+}
+
+.personality-option {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 10px 12px;
+ background: none;
+ border: none;
+ color: var(--text-primary);
+ cursor: pointer;
+ transition: background-color 0.2s;
+ text-align: left;
+}
+
+.personality-option span {
+ margin-left: 8px;
+}
+
+.personality-option:hover {
+ background-color: var(--light-accent);
+}
+
+.personality-option.selected {
+ background-color: rgba(var(--primary-color-rgb), 0.1);
+ color: var(--primary-color);
+}
+
+/* Adattamento della spaziatura per i pulsanti */
+.thinking-button {
+ margin-left: 0;
+ margin-right: 8px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.personality-button {
+ border-radius: 0;
+ margin-right: 0;
+}
+
+.language-selector {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+/* Media query per mobile */
+@media (max-width: 600px) {
+ .personality-dropdown {
+ width: 130px;
+ }
+
+ .personality-option {
+ padding: 8px 10px;
+ }
+}
+
+/* Modifica per rimuovere lo spazio tra lingua e personality */
+.language-select-container {
+ position: relative;
+ margin-right: 0;
+ display: flex;
+ align-items: center;
+}
+
+/* Ridefinito lo stile per il pulsante di personalità */
+.personality-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 40px;
+ height: 40px;
+ padding: 8px;
+ background-color: var(--light-accent);
+ color: var(--text-secondary);
+ border: none;
+ border-radius: 0;
+ cursor: pointer;
+ transition: all 0.2s ease, background-color 0.3s ease;
+}
+
+/* Stili per i diversi tipi di personalità */
+.personality-button.cool {
+ background-color: #4a6fa5;
+ color: white;
+}
+
+.personality-button.cynical {
+ background-color: #a54a4a;
+ color: white;
+}
+
+.personality-button.supportive {
+ background-color: #4aa54a;
+ color: white;
+}
+
+.personality-button:hover {
+ transform: translateY(-2px);
+}
+
+/* Rimuovo gli stili per il dropdown che non sono più necessari */
+.personality-dropdown,
+.personality-option {
+ display: none;
+}
+
+/* Adattamento della spaziatura per i pulsanti */
+.thinking-button {
+ margin-left: 0;
+ margin-right: 8px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.personality-button {
+ border-radius: 0;
+ margin-right: 0;
+}
+
+.language-selector {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+/* Media query per mobile */
+@media (max-width: 600px) {
+ .personality-button {
+ min-width: 36px;
+ height: 36px;
+ padding: 6px;
+ }
+}
+
+/* Reset specific margins to ensure proper layout in groups */
+.language-selector {
+ margin-right: 0;
+}
+
+.thinking-button {
+ margin-right: 0;
+}
+
+/* Styling per il selettore di lingua - unificato e corretto */
+.language-select-container {
+ position: relative;
+ margin-right: 0;
+ display: flex;
+ align-items: center;
+}
+
+/* Stile unificato per il selettore lingua */
+.language-selector {
+ padding: 10px 30px 10px 12px;
+ border: 1px solid var(--light-accent);
+ background-color: var(--bg);
+ color: var(--text-primary);
+ cursor: pointer;
+ transition: all 0.2s, background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
+ outline: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ min-width: 100px;
+ border-radius: 0;
+ border-top-left-radius: 8px;
+ border-bottom-left-radius: 8px;
+}
+
+/* Aggiunta dell'icona freccia personalizzata */
+.language-select-container::after {
+ content: "▼";
+ font-size: 10px;
+ color: var(--text-secondary);
+ position: absolute;
+ right: 12px;
+ top: 50%;
+ transform: translateY(-50%);
+ pointer-events: none;
+}
+
+.language-selector:focus, .language-selector:hover {
+ border-color: var(--primary-color);
+}
+
+@media (max-width: 600px) {
+ .language-selector {
+ min-width: 90px;
+ font-size: 13px;
+ padding: 8px 25px 8px 8px;
+ }
+
+ .language-select-container::after {
+ right: 8px;
+ }
+}
\ No newline at end of file
diff --git a/docker_svc/real-time-chat-app/app/src/App.js b/docker_svc/real-time-chat-app/app/src/App.js
new file mode 100644
index 0000000..72b8e96
--- /dev/null
+++ b/docker_svc/real-time-chat-app/app/src/App.js
@@ -0,0 +1,912 @@
+import React, { useEffect, useRef, useState } from 'react';
+import './App.css';
+// Code highlighting support:
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { tomorrow } from 'react-syntax-highlighter/dist/esm/styles/prism';
+// Markdown parsing:
+import ReactMarkdown from 'react-markdown';
+
+// Custom renderer for code blocks to use our SyntaxHighlighter
+const MarkdownComponents = {
+ code({node, inline, className, children, ...props}) {
+ const match = /language-(\w+)/.exec(className || '');
+ return !inline && match ? (
+
+ {String(children).replace(/\n$/, '')}
+
+ ) : (
+
+ {children}
+
+ );
+ }
+};
+
+// Helper to format messages using ReactMarkdown to support Markdown syntax and code highlighting
+const formatMessage = (content) => {
+ return (
+
+ {content}
+
+ );
+};
+
+// New helper to process thinking content
+const processThinkingContent = (message) => {
+ // Check if the message contains thinking tags
+ const thinkPattern = /([\s\S]*?)<\/think>/;
+ const thinkMatch = message.match(thinkPattern);
+
+ if (thinkMatch) {
+ // Extract thinking part and remaining content
+ const thinkingContent = thinkMatch[1].trim();
+ const regularContent = message.replace(thinkPattern, '').trim();
+
+ return {
+ hasThinking: true,
+ thinking: thinkingContent,
+ response: regularContent
+ };
+ }
+
+ return {
+ hasThinking: false,
+ thinking: '',
+ response: message
+ };
+};
+
+// Determine API base URL from environment or use dynamic fallbacks
+const getApiBaseUrl = () => {
+ // When running locally, use localhost port (as published by docker-compose)
+ if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
+ console.log('Using local API URL: http://localhost:8000');
+ return 'http://localhost:8000';
+ }
+
+ // Otherwise, if an environment variable is defined, use that
+ if (process.env.REACT_APP_API_BASE_URL) {
+ console.log(`Using API URL from env: ${process.env.REACT_APP_API_BASE_URL}`);
+ return process.env.REACT_APP_API_BASE_URL;
+ }
+
+ // Fallback to relative URLs (for production with reverse proxy)
+ console.log('Using relative URL for API');
+ return '';
+};
+
+// Moon and Sun icons for theme toggle
+const MoonIcon = () => (
+
+);
+
+const SunIcon = () => (
+
+);
+
+// Icone per l'invio e il caricamento
+const SendIcon = () => (
+
+);
+
+const LoadingIcon = () => (
+
+);
+
+const AttachmentIcon = () => (
+
+);
+
+// Icona cervello attivo per la modalità "thinking"
+const ThinkingIcon = () => (
+
+);
+
+// Icona cervello disattivato (con traccia sopra)
+const ThinkingDisabledIcon = () => (
+
+);
+
+// Add Trash icon for delete functionality
+const TrashIcon = () => (
+
+);
+
+// Replace the Clear History icon with a chat bubble icon
+const ClearHistoryIcon = () => (
+
+);
+
+// Aggiungiamo le icone per le personalità
+const PersonalityIcon = () => (
+
+);
+
+// Aggiorniamo le icone per le personalità con versioni più moderne
+const CoolIcon = () => (
+
+);
+
+const CynicalIcon = () => (
+
+);
+
+const SupportiveIcon = () => (
+
+);
+
+function App() {
+ const [messages, setMessages] = useState(() => {
+ // Carica i messaggi precedenti dal localStorage o inizializza un array vuoto
+ const savedMessages = localStorage.getItem('chatMessages');
+ return savedMessages ? JSON.parse(savedMessages) : [];
+ });
+
+ const [messageInput, setMessageInput] = useState('');
+
+ const [language, setLanguage] = useState(() => {
+ // Carica la lingua precedente dal localStorage o usa auto-detect come predefinito
+ return localStorage.getItem('selectedLanguage') || 'auto';
+ });
+
+ const [isLoading, setIsLoading] = useState(false);
+
+ // Aggiungo un ref per il container dei messaggi per gestire lo scroll
+ const messagesEndRef = useRef(null);
+
+ const [darkTheme, setDarkTheme] = useState(() => {
+ // Carica il tema precedente dal localStorage o usa dark come predefinito
+ const savedTheme = localStorage.getItem('darkTheme');
+ return savedTheme !== null ? JSON.parse(savedTheme) : true;
+ });
+
+ const fileInputRef = useRef(null);
+
+ const [reasoning, setReasoning] = useState(() => {
+ // Carica lo stato reasoning precedente dal localStorage
+ const savedReasoning = localStorage.getItem('reasoningEnabled');
+ return savedReasoning !== null ? JSON.parse(savedReasoning) : false;
+ });
+
+ const [isDeleting, setIsDeleting] = useState(false);
+
+ const apiBaseUrl = getApiBaseUrl();
+
+ // Nomi localizzati delle lingue
+ const languageLabels = {
+ french: "Français",
+ italian: "Italiano",
+ english: "English",
+ german: "Deutsch",
+ auto: "Auto-detect"
+ };
+
+ const [personality, setPersonality] = useState(() => {
+ // Carica la personalità precedente dal localStorage o usa supportive come predefinito
+ const savedPersonality = localStorage.getItem('personalityType');
+ return savedPersonality || 'supportive';
+ });
+
+ // Rimuovo il dropdown state che non serve più
+ // const [showPersonalityDropdown, setShowPersonalityDropdown] = useState(false);
+
+ // Effect to set initial theme and adjust container height
+ useEffect(() => {
+ // Apply theme class on first load
+ if (darkTheme) {
+ document.body.classList.add('dark-theme');
+ } else {
+ document.body.classList.remove('dark-theme');
+ }
+
+ // Save theme to localStorage
+ localStorage.setItem('darkTheme', JSON.stringify(darkTheme));
+
+ // Function to adjust chat container height
+ const adjustHeight = () => {
+ const vh = window.innerHeight;
+ const headerHeight = document.querySelector('.App-header')?.offsetHeight || 0;
+ const messagesContainer = document.querySelector('.messages-container');
+ if (messagesContainer) {
+ const inputContainer = document.querySelector('.input-container')?.offsetHeight || 0;
+ const fileUpload = document.querySelector('.file-upload')?.offsetHeight || 0;
+ const availableHeight = vh - headerHeight - inputContainer - fileUpload - 60; // 60px for padding/margins
+ messagesContainer.style.height = `${Math.max(400, availableHeight)}px`;
+ }
+ };
+
+ // Run once and add event listener for resize
+ adjustHeight();
+ window.addEventListener('resize', adjustHeight);
+
+ // Cleanup
+ return () => window.removeEventListener('resize', adjustHeight);
+ }, [darkTheme]);
+
+ // Save messages to localStorage whenever they change
+ useEffect(() => {
+ localStorage.setItem('chatMessages', JSON.stringify(messages));
+ }, [messages]);
+
+ // Toggle between light and dark themes
+ const toggleTheme = () => {
+ setDarkTheme(prevTheme => !prevTheme);
+ };
+
+ // Aggiorna il setLanguage per salvare nel localStorage
+ const handleLanguageChange = (newLanguage) => {
+ setLanguage(newLanguage);
+ localStorage.setItem('selectedLanguage', newLanguage);
+ };
+
+ // Aggiorna il setReasoning per salvare nel localStorage
+ const toggleReasoning = () => {
+ setReasoning(prev => {
+ const newValue = !prev;
+ localStorage.setItem('reasoningEnabled', JSON.stringify(newValue));
+ return newValue;
+ });
+ };
+
+ // Funzione per scorrere al fondo della chat
+ const scrollToBottom = () => {
+ messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+ };
+
+ // Effect per far scorrere la chat quando cambia il contenuto dei messaggi
+ useEffect(() => {
+ scrollToBottom();
+ }, [messages]);
+
+ // Send message directly to FastAPI endpoint
+ const sendMessage = async () => {
+ if (!messageInput.trim()) return;
+
+ // Add user message to the chat
+ const newUserMessage = { role: 'user', content: messageInput };
+ setMessages(prevMessages => [...prevMessages, newUserMessage]);
+
+ // Create the complete message history for the API
+ const messageHistory = [...messages, newUserMessage];
+
+ // Show loading state
+ setIsLoading(true);
+
+ // Clear the input field
+ setMessageInput('');
+
+ try {
+ // Build URL - if apiBaseUrl is empty, this becomes a relative URL
+ const url = apiBaseUrl ? `${apiBaseUrl}/chat` : '/chat';
+
+ // Aggiungo log per vedere qual è la personalità inviata
+ console.log(`Sending message with personality: ${personality}`);
+ console.log(`Connecting to API URL: ${url}`);
+
+ // Aggiungi headers per CORS più espliciti
+ const response = await fetch(url, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'text/event-stream',
+ 'Origin': window.location.origin
+ },
+ credentials: 'include', // Include cookies se necessario
+ body: JSON.stringify({
+ messages: messageHistory,
+ language: language,
+ temperature: 0.7,
+ reasoning: reasoning,
+ personality: personality, // Confermo che la personalità viene inviata
+ stream: true
+ }),
+ });
+
+ if (!response.ok) {
+ throw new Error(`API Error: ${response.statusText}`);
+ }
+
+ // Streaming mode (sempre attivo)
+ let currentResponseContent = '';
+ let isInThinkingMode = false;
+ let currentThinkingContent = '';
+
+ // Add a placeholder for the streaming response
+ setMessages(prevMessages => [
+ ...prevMessages,
+ {
+ role: 'coach',
+ content: '',
+ streaming: true,
+ thinking: '',
+ isThinking: false
+ }
+ ]);
+
+ const responseStream = await fetch(url, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'text/event-stream', // Aggiunto header per specificamente accettare eventi SSE
+ },
+ body: JSON.stringify({
+ messages: messageHistory,
+ language: language,
+ temperature: 0.7,
+ reasoning: reasoning,
+ personality: personality, // Confermo che la personalità viene inviata
+ stream: true
+ }),
+ });
+
+ if (!responseStream.ok) {
+ throw new Error(`API Error: ${responseStream.statusText}`);
+ }
+
+ // Process the streaming response
+ const reader = response.body.getReader();
+ const decoder = new TextDecoder("utf-8");
+
+ // Helper function to update the last message
+ const updateLastMessage = (content, thinking = null, isThinking = null) => {
+ setMessages(prevMessages => {
+ const newMessages = [...prevMessages];
+ const lastIndex = newMessages.length - 1;
+ const lastMessage = {...newMessages[lastIndex]};
+
+ if (content !== null) {
+ lastMessage.content = content;
+ }
+
+ if (thinking !== null) {
+ lastMessage.thinking = thinking;
+ }
+
+ if (isThinking !== null) {
+ lastMessage.isThinking = isThinking;
+ }
+
+ newMessages[lastIndex] = lastMessage;
+ return newMessages;
+ });
+ };
+
+ // Process chunks of text
+ const processChunk = (text) => {
+ // Check for thinking tags
+ if (!isInThinkingMode && text.includes('')) {
+ isInThinkingMode = true;
+ const parts = text.split('');
+
+ // Add any text before the tag to the regular response
+ if (parts[0].length > 0) {
+ currentResponseContent += parts[0];
+ }
+
+ // Add the text after to thinking content
+ currentThinkingContent = parts[1] || '';
+
+ // Update the message with thinking mode enabled
+ updateLastMessage(currentResponseContent, currentThinkingContent, true);
+ return;
+ }
+
+ // Check for end of thinking
+ if (isInThinkingMode && text.includes('')) {
+ isInThinkingMode = false;
+ const parts = text.split('');
+
+ // Add any remaining text to thinking
+ currentThinkingContent += parts[0];
+
+ // Add any text after to the response
+ if (parts[1] && parts[1].length > 0) {
+ currentResponseContent += parts[1];
+ }
+
+ // Update the message
+ updateLastMessage(currentResponseContent, currentThinkingContent, true);
+ return;
+ }
+
+ // If we're in thinking mode, add to thinking content
+ if (isInThinkingMode) {
+ currentThinkingContent += text;
+ updateLastMessage(null, currentThinkingContent, true);
+ } else {
+ // Otherwise add to normal content
+ currentResponseContent += text;
+ updateLastMessage(currentResponseContent);
+ }
+ };
+
+ const parser = createParser((event) => {
+ if (event.type === "event") {
+ try {
+ const data = JSON.parse(event.data);
+
+ if (data.content) {
+ // Process the chunk for thinking tags
+ processChunk(data.content);
+ }
+
+ if (data.done) {
+ // Streaming completed, remove streaming flag but preserve thinking state
+ setMessages(prevMessages => {
+ const newMessages = [...prevMessages];
+ const lastIndex = newMessages.length - 1;
+ newMessages[lastIndex] = {
+ ...newMessages[lastIndex],
+ streaming: false
+ // Manteniamo i campi thinking e isThinking esistenti
+ };
+ return newMessages;
+ });
+ setIsLoading(false);
+ }
+ } catch (e) {
+ console.error("Error parsing SSE data", e, event.data);
+ }
+ }
+ });
+
+ // Read the stream
+ while (true) {
+ const { done, value } = await reader.read();
+ if (done) break;
+
+ const text = decoder.decode(value);
+ parser.feed(text);
+ }
+ } catch (error) {
+ console.error('Failed to send message:', error);
+
+ // Aggiungi un messaggio più descrittivo sull'errore CORS
+ let errorMessage = 'Error: Could not connect to the server. Please try again later.';
+
+ if (error.message && error.message.includes('NetworkError')) {
+ errorMessage = 'Error: Network error occurred. This might be due to a CORS issue or the backend server being unavailable. Please contact the administrator.';
+ }
+
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: errorMessage }
+ ]);
+ setIsLoading(false);
+ }
+ };
+
+ // Helper function for SSE parsing - migliorato per gestire più tipi di eventi SSE
+ function createParser(onParse) {
+ let buffer = '';
+
+ return {
+ feed(chunk) {
+ buffer += chunk;
+
+ // Cerca per pattern di fine del messaggio SSE (doppio newline)
+ let delimiterIndex;
+ while ((delimiterIndex = buffer.indexOf('\n\n')) !== -1) {
+ const rawEvent = buffer.slice(0, delimiterIndex);
+ buffer = buffer.slice(delimiterIndex + 2);
+
+ // Estrai i dati dall'evento
+ const dataMatch = /^data: (.+)$/m.exec(rawEvent);
+ if (dataMatch) {
+ try {
+ const jsonData = dataMatch[1];
+ onParse({ type: "event", data: jsonData });
+ } catch (e) {
+ console.error("Error parsing SSE event:", e, rawEvent);
+ }
+ }
+ }
+ }
+ };
+ }
+
+ // Add this function to trigger file selection
+ const triggerFileSelect = () => {
+ fileInputRef.current.click();
+ };
+
+ // File upload functionality - modified to add chat messages instead of alerts
+ const uploadFile = async (files) => {
+ if (!files.length) return;
+
+ // Add validation for PDF files only
+ for (let i = 0; i < files.length; i++) {
+ if (files[i].type !== 'application/pdf') {
+ // Add error message to chat instead of alert
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: 'Error: Only PDF files are accepted. Please try again with PDF documents only.' }
+ ]);
+ return;
+ }
+ }
+
+ // Create list of file names for success message
+ const fileNames = Array.from(files).map(file => file.name).join(', ');
+
+ const formData = new FormData();
+ for (let i = 0; i < files.length; i++) {
+ formData.append('files', files[i]);
+ }
+
+ try {
+ // Build URL - if apiBaseUrl is empty, this becomes a relative URL
+ const url = apiBaseUrl ? `${apiBaseUrl}/upload` : '/upload';
+
+ // Show loading state
+ setIsLoading(true);
+
+ const response = await fetch(url, {
+ method: 'POST',
+ body: formData,
+ });
+
+ if (response.ok) {
+ // Add success message to chat instead of alert
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: `Files uploaded successfully: ${fileNames}` }
+ ]);
+ } else {
+ console.error('Upload failed:', response.statusText);
+ // Add error message to chat instead of alert
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: `Error: Failed to upload files. ${response.statusText}` }
+ ]);
+ }
+ } catch (error) {
+ console.error('Failed to upload files:', error);
+ // Add error message to chat instead of alert
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: 'Error: Could not connect to the server. Failed to upload files.' }
+ ]);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // Add function to handle deleting all documents
+ const handleDeleteAllDocs = async () => {
+ if (window.confirm('Are you sure you want to delete all documents? This action cannot be undone.')) {
+ setIsDeleting(true);
+
+ try {
+ const url = apiBaseUrl ? `${apiBaseUrl}/docs` : '/docs';
+
+ const response = await fetch(url, {
+ method: 'DELETE',
+ });
+
+ if (response.ok) {
+ // Add confirmation message to chat
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: 'Memory has been cleared. All documents have been deleted from the database.' }
+ ]);
+ } else {
+ console.error('Delete failed:', response.statusText);
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: `Error: Failed to delete documents. ${response.statusText}` }
+ ]);
+ }
+ } catch (error) {
+ console.error('Failed to delete documents:', error);
+ setMessages(prevMessages => [...prevMessages,
+ { role: 'coach', content: 'Error: Could not connect to the server. Failed to delete documents.' }
+ ]);
+ } finally {
+ setIsDeleting(false);
+ }
+ }
+ };
+
+ // Add function to clear chat history
+ const clearChatHistory = () => {
+ setMessages([]);
+ localStorage.removeItem('chatMessages');
+ };
+
+ // Aggiorna la personalità ciclando tra le opzioni disponibili
+ const togglePersonality = () => {
+ setPersonality(prevPersonality => {
+ // Cicla tra le tre personalità
+ let newPersonality;
+ switch (prevPersonality) {
+ case 'cool':
+ newPersonality = 'cynical';
+ break;
+ case 'cynical':
+ newPersonality = 'supportive';
+ break;
+ default: // 'supportive' o qualsiasi altro valore
+ newPersonality = 'cool';
+ }
+
+ localStorage.setItem('personalityType', newPersonality);
+ return newPersonality;
+ });
+ };
+
+ // Funzione per ottenere l'icona della personalità corrente
+ const getCurrentPersonalityIcon = () => {
+ switch (personality) {
+ case 'cool': return ;
+ case 'cynical': return ;
+ case 'supportive': return ;
+ default: return ;
+ }
+ };
+
+ // Funzione per ottenere il titolo della personalità
+ const getPersonalityTitle = () => {
+ switch (personality) {
+ case 'cool': return "Cool & Confident style";
+ case 'cynical': return "Cynical & Direct style";
+ case 'supportive': return "Supportive & Empathetic style";
+ default: return "Select AI personality style";
+ }
+ };
+
+ return (
+
+
+
+
+
MediChaiD - ChaD GPT (Conversational Health Assistance & Direction)
+
+
+
+
+
+
+
+
+ {messages.map((msg, index) => {
+ // Process content for both streaming and complete messages
+ let processedContent;
+
+ if (msg.role === 'coach') {
+ if (msg.isThinking) {
+ // Per i messaggi con stato thinking già elaborato durante lo streaming
+ processedContent = {
+ hasThinking: true,
+ thinking: msg.thinking || '',
+ response: msg.content
+ };
+ } else {
+ // Per i messaggi normali o quelli completati senza thinking
+ processedContent = processThinkingContent(msg.content);
+ }
+ } else {
+ // Per i messaggi utente
+ processedContent = {
+ hasThinking: false,
+ response: msg.content
+ };
+ }
+
+ return (
+
+ )}
+
+ {/* Always render the main response */}
+
+ {/* Mostra i puntini di caricamento quando è l'ultimo messaggio, è del coach, è vuoto e isLoading è true */}
+ {msg.streaming && msg.content === '' && index === messages.length - 1 ? (
+
+