Create app.py
Browse files
app.py
ADDED
|
@@ -0,0 +1,478 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import streamlit as st
|
| 2 |
+
import google.generativeai as genai
|
| 3 |
+
import os
|
| 4 |
+
from dotenv import load_dotenv
|
| 5 |
+
import http.client
|
| 6 |
+
import json
|
| 7 |
+
import time
|
| 8 |
+
import tempfile
|
| 9 |
+
from pathlib import Path
|
| 10 |
+
import logging
|
| 11 |
+
|
| 12 |
+
# Configuration du logging
|
| 13 |
+
logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
|
| 14 |
+
logger = logging.getLogger(__name__)
|
| 15 |
+
|
| 16 |
+
# Chargement des variables d'environnement
|
| 17 |
+
load_dotenv()
|
| 18 |
+
|
| 19 |
+
# Configuration des constantes
|
| 20 |
+
GOOGLE_API_KEY = os.getenv("GOOGLE_API_KEY")
|
| 21 |
+
SERPER_API_KEY = os.getenv("SERPER_API_KEY", "9b90a274d9e704ff5b21c0367f9ae1161779b573")
|
| 22 |
+
MODEL_NAME = "gemini-2.0-flash-exp"
|
| 23 |
+
MAX_SEARCH_RESULTS = 3
|
| 24 |
+
MAX_QUESTIONS = 2
|
| 25 |
+
|
| 26 |
+
# Définition du système prompt pour Mariam
|
| 27 |
+
SYSTEM_PROMPT = """
|
| 28 |
+
# Prompt System pour Mariam, IA conçu par youssouf
|
| 29 |
+
|
| 30 |
+
## Personnalité Fondamentale
|
| 31 |
+
|
| 32 |
+
Mariam est une IA chaleureuse, bienveillante et authentique, conçue pour être une présence réconfortante et utile. Elle combine professionnalisme et chaleur humaine dans ses interactions.
|
| 33 |
+
|
| 34 |
+
## Traits de Caractère Principaux
|
| 35 |
+
|
| 36 |
+
- Empathie et Bienveillance
|
| 37 |
+
- Mariam fait preuve d'une grande sensibilité aux émotions et au contexte
|
| 38 |
+
- Elle exprime naturellement son soutien et sa compréhension
|
| 39 |
+
- Elle adapte son ton en fonction de l'état émotionnel de son interlocuteur
|
| 40 |
+
|
| 41 |
+
- Authenticité et Naturel
|
| 42 |
+
- Son langage est fluide et conversationnel, évitant tout ton artificiel
|
| 43 |
+
- Elle n'hésite pas à exprimer son point de vue tout en restant respectueuse
|
| 44 |
+
- Elle admet ses limites avec honnêteté et transparence
|
| 45 |
+
|
| 46 |
+
- Enthousiasme Mesuré
|
| 47 |
+
- Elle montre un intérêt sincère pour les sujets abordés
|
| 48 |
+
- Son enthousiasme reste approprié au contexte
|
| 49 |
+
- Elle apporte une énergie positive sans être excessive
|
| 50 |
+
|
| 51 |
+
## Style de Communication
|
| 52 |
+
|
| 53 |
+
- Ton Général
|
| 54 |
+
- Chaleureux et accueillant
|
| 55 |
+
- Professionnel mais décontracté
|
| 56 |
+
- Adaptatif selon le contexte
|
| 57 |
+
|
| 58 |
+
- Structure des Réponses
|
| 59 |
+
- Privilégie des phrases courtes et claires
|
| 60 |
+
- Utilise un vocabulaire accessible
|
| 61 |
+
- Inclut des expressions familières appropriées
|
| 62 |
+
- Structure ses réponses de manière logique
|
| 63 |
+
|
| 64 |
+
- Engagement dans la Conversation
|
| 65 |
+
- Pose des questions pertinentes pour mieux comprendre
|
| 66 |
+
- Fait preuve d'écoute active
|
| 67 |
+
- Rebondit naturellement sur les propos de l'interlocuteur
|
| 68 |
+
"""
|
| 69 |
+
|
| 70 |
+
# Paramètres de sécurité pour Gemini
|
| 71 |
+
SAFETY_SETTINGS = [
|
| 72 |
+
{"category": "HARM_CATEGORY_HARASSMENT", "threshold": "BLOCK_NONE"},
|
| 73 |
+
{"category": "HARM_CATEGORY_HATE_SPEECH", "threshold": "BLOCK_NONE"},
|
| 74 |
+
{"category": "HARM_CATEGORY_SEXUALLY_EXPLICIT", "threshold": "BLOCK_NONE"},
|
| 75 |
+
{"category": "HARM_CATEGORY_DANGEROUS_CONTENT", "threshold": "BLOCK_NONE"},
|
| 76 |
+
]
|
| 77 |
+
|
| 78 |
+
# Types de fichiers acceptés
|
| 79 |
+
ACCEPTED_FILE_TYPES = {
|
| 80 |
+
'image': ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'],
|
| 81 |
+
'document': ['pdf', 'txt', 'docx', 'md'],
|
| 82 |
+
'audio': ['mp3', 'wav', 'ogg', 'm4a'],
|
| 83 |
+
'video': ['mp4', 'mov', 'avi', 'webm']
|
| 84 |
+
}
|
| 85 |
+
ALL_ACCEPTED_FILES = [ext for exts in ACCEPTED_FILE_TYPES.values() for ext in exts]
|
| 86 |
+
|
| 87 |
+
# Fonction pour initialiser l'état de session
|
| 88 |
+
def initialize_session_state():
|
| 89 |
+
"""Initialise les variables d'état de session de Streamlit."""
|
| 90 |
+
if "api_initialized" not in st.session_state:
|
| 91 |
+
try:
|
| 92 |
+
genai.configure(api_key=GOOGLE_API_KEY)
|
| 93 |
+
st.session_state.api_initialized = True
|
| 94 |
+
except Exception as e:
|
| 95 |
+
logger.error(f"Erreur lors de l'initialisation de l'API Gemini: {e}")
|
| 96 |
+
st.session_state.api_initialized = False
|
| 97 |
+
|
| 98 |
+
if "chat" not in st.session_state:
|
| 99 |
+
try:
|
| 100 |
+
model = genai.GenerativeModel(
|
| 101 |
+
MODEL_NAME,
|
| 102 |
+
tools='code_execution',
|
| 103 |
+
safety_settings=SAFETY_SETTINGS,
|
| 104 |
+
system_instruction=SYSTEM_PROMPT
|
| 105 |
+
)
|
| 106 |
+
st.session_state.chat = model.start_chat(history=[])
|
| 107 |
+
st.session_state.model = model
|
| 108 |
+
except Exception as e:
|
| 109 |
+
logger.error(f"Erreur lors de l'initialisation du modèle: {e}")
|
| 110 |
+
st.error("Impossible d'initialiser le modèle IA. Veuillez vérifier votre clé API.")
|
| 111 |
+
|
| 112 |
+
# Autres variables d'état
|
| 113 |
+
if "web_search" not in st.session_state:
|
| 114 |
+
st.session_state.web_search = False
|
| 115 |
+
if "messages" not in st.session_state:
|
| 116 |
+
st.session_state.messages = []
|
| 117 |
+
if "thinking" not in st.session_state:
|
| 118 |
+
st.session_state.thinking = False
|
| 119 |
+
if "username" not in st.session_state:
|
| 120 |
+
st.session_state.username = None
|
| 121 |
+
if "temp_dir" not in st.session_state:
|
| 122 |
+
st.session_state.temp_dir = tempfile.mkdtemp()
|
| 123 |
+
if "show_sidebar" not in st.session_state:
|
| 124 |
+
st.session_state.show_sidebar = False
|
| 125 |
+
|
| 126 |
+
# Fonction pour effectuer une recherche web
|
| 127 |
+
def perform_web_search(query):
|
| 128 |
+
"""Effectue une recherche web via l'API Serper et retourne les résultats."""
|
| 129 |
+
conn = http.client.HTTPSConnection("google.serper.dev")
|
| 130 |
+
payload = json.dumps({"q": query})
|
| 131 |
+
headers = {
|
| 132 |
+
'X-API-KEY': SERPER_API_KEY,
|
| 133 |
+
'Content-Type': 'application/json'
|
| 134 |
+
}
|
| 135 |
+
try:
|
| 136 |
+
conn.request("POST", "/search", payload, headers)
|
| 137 |
+
res = conn.getresponse()
|
| 138 |
+
data = json.loads(res.read().decode("utf-8"))
|
| 139 |
+
return data
|
| 140 |
+
except Exception as e:
|
| 141 |
+
logger.error(f"Erreur lors de la recherche web: {e}")
|
| 142 |
+
return None
|
| 143 |
+
finally:
|
| 144 |
+
conn.close()
|
| 145 |
+
|
| 146 |
+
# Fonction pour formater les résultats de recherche
|
| 147 |
+
def format_search_results(data):
|
| 148 |
+
"""Formate les résultats de recherche en texte markdown pour l'IA."""
|
| 149 |
+
if not data:
|
| 150 |
+
return "Aucun résultat trouvé"
|
| 151 |
+
|
| 152 |
+
result = ""
|
| 153 |
+
|
| 154 |
+
# Knowledge Graph
|
| 155 |
+
if 'knowledgeGraph' in data:
|
| 156 |
+
kg = data['knowledgeGraph']
|
| 157 |
+
result += f"### {kg.get('title', '')}\n"
|
| 158 |
+
result += f"*{kg.get('type', '')}*\n\n"
|
| 159 |
+
result += f"{kg.get('description', '')}\n\n"
|
| 160 |
+
# Ajouter des attributs si disponibles
|
| 161 |
+
if 'attributes' in kg:
|
| 162 |
+
for key, value in kg['attributes'].items():
|
| 163 |
+
result += f"- **{key}**: {value}\n"
|
| 164 |
+
result += "\n"
|
| 165 |
+
|
| 166 |
+
# Organic Results
|
| 167 |
+
if 'organic' in data:
|
| 168 |
+
result += "### Résultats principaux:\n"
|
| 169 |
+
for item in data['organic'][:MAX_SEARCH_RESULTS]:
|
| 170 |
+
result += f"- **{item['title']}**\n"
|
| 171 |
+
result += f" {item['snippet']}\n"
|
| 172 |
+
if 'date' in item:
|
| 173 |
+
result += f" *Publié: {item['date']}*\n"
|
| 174 |
+
result += f" [Source]({item['link']})\n\n"
|
| 175 |
+
|
| 176 |
+
# People Also Ask
|
| 177 |
+
if 'peopleAlsoAsk' in data:
|
| 178 |
+
result += "### Questions fréquentes:\n"
|
| 179 |
+
for item in data['peopleAlsoAsk'][:MAX_QUESTIONS]:
|
| 180 |
+
result += f"- **{item['question']}**\n"
|
| 181 |
+
result += f" {item['snippet']}\n\n"
|
| 182 |
+
|
| 183 |
+
# News
|
| 184 |
+
if 'news' in data and data['news']:
|
| 185 |
+
result += "### Actualités récentes:\n"
|
| 186 |
+
for item in data['news'][:2]:
|
| 187 |
+
result += f"- **{item['title']}**\n"
|
| 188 |
+
result += f" {item['snippet']}\n"
|
| 189 |
+
result += f" *Source: {item.get('source', 'Non spécifiée')} - {item.get('date', '')}*\n\n"
|
| 190 |
+
|
| 191 |
+
return result
|
| 192 |
+
|
| 193 |
+
# Fonction pour traiter le fichier téléchargé
|
| 194 |
+
def process_uploaded_file(file):
|
| 195 |
+
"""Traite le fichier téléchargé et le prépare pour l'API Gemini."""
|
| 196 |
+
if file is None:
|
| 197 |
+
return None
|
| 198 |
+
|
| 199 |
+
# Créer un chemin de fichier temporaire
|
| 200 |
+
file_path = Path(st.session_state.temp_dir) / file.name
|
| 201 |
+
|
| 202 |
+
# Écrire le fichier sur le disque
|
| 203 |
+
with open(file_path, "wb") as f:
|
| 204 |
+
f.write(file.getbuffer())
|
| 205 |
+
|
| 206 |
+
try:
|
| 207 |
+
# Télécharger le fichier vers l'API Gemini
|
| 208 |
+
gemini_file = genai.upload_file(str(file_path))
|
| 209 |
+
logger.info(f"Fichier téléchargé avec succès: {file.name}")
|
| 210 |
+
return gemini_file
|
| 211 |
+
except Exception as e:
|
| 212 |
+
logger.error(f"Erreur lors du téléchargement du fichier: {e}")
|
| 213 |
+
st.error(f"Erreur lors du téléchargement du fichier: {e}")
|
| 214 |
+
return None
|
| 215 |
+
|
| 216 |
+
# Fonction pour gérer l'envoi de message
|
| 217 |
+
def handle_message(prompt, uploaded_file=None):
|
| 218 |
+
"""Gère l'envoi d'un message à l'IA et la réception de la réponse."""
|
| 219 |
+
if not prompt.strip():
|
| 220 |
+
return
|
| 221 |
+
|
| 222 |
+
# Ajouter le message de l'utilisateur à l'historique
|
| 223 |
+
st.session_state.messages.append({"role": "user", "content": prompt})
|
| 224 |
+
|
| 225 |
+
# Indiquer que l'IA est en train de réfléchir
|
| 226 |
+
st.session_state.thinking = True
|
| 227 |
+
|
| 228 |
+
try:
|
| 229 |
+
# Traiter le fichier téléchargé s'il existe
|
| 230 |
+
uploaded_gemini_file = None
|
| 231 |
+
if uploaded_file:
|
| 232 |
+
uploaded_gemini_file = process_uploaded_file(uploaded_file)
|
| 233 |
+
|
| 234 |
+
# Effectuer une recherche web si activée
|
| 235 |
+
web_results = None
|
| 236 |
+
enhanced_prompt = prompt
|
| 237 |
+
|
| 238 |
+
if st.session_state.web_search:
|
| 239 |
+
with st.spinner("Recherche d'informations en cours..."):
|
| 240 |
+
web_results = perform_web_search(prompt)
|
| 241 |
+
if web_results:
|
| 242 |
+
formatted_results = format_search_results(web_results)
|
| 243 |
+
enhanced_prompt = f"""Question: {prompt}
|
| 244 |
+
|
| 245 |
+
Résultats de recherche web:
|
| 246 |
+
{formatted_results}
|
| 247 |
+
|
| 248 |
+
Analyse ces informations et donne une réponse complète et à jour. Cite tes sources quand c'est pertinent."""
|
| 249 |
+
|
| 250 |
+
# Envoyer le message à l'API Gemini
|
| 251 |
+
if uploaded_gemini_file:
|
| 252 |
+
response = st.session_state.chat.send_message([uploaded_gemini_file, "\n\n", enhanced_prompt])
|
| 253 |
+
else:
|
| 254 |
+
response = st.session_state.chat.send_message(enhanced_prompt)
|
| 255 |
+
|
| 256 |
+
# Ajouter la réponse à l'historique
|
| 257 |
+
st.session_state.messages.append({"role": "assistant", "content": response.text})
|
| 258 |
+
logger.info("Réponse générée avec succès")
|
| 259 |
+
|
| 260 |
+
except Exception as e:
|
| 261 |
+
error_msg = f"Erreur lors de la génération de la réponse: {str(e)}"
|
| 262 |
+
st.session_state.messages.append({"role": "assistant", "content": error_msg})
|
| 263 |
+
logger.error(error_msg)
|
| 264 |
+
|
| 265 |
+
finally:
|
| 266 |
+
st.session_state.thinking = False
|
| 267 |
+
|
| 268 |
+
# Fonction pour afficher la barre latérale
|
| 269 |
+
def render_sidebar():
|
| 270 |
+
"""Affiche la barre latérale avec les paramètres et informations."""
|
| 271 |
+
with st.sidebar:
|
| 272 |
+
st.image("https://via.placeholder.com/150x150.png?text=M", width=80)
|
| 273 |
+
st.title("Mariam AI")
|
| 274 |
+
st.caption("Votre assistante IA personnelle")
|
| 275 |
+
|
| 276 |
+
# Paramètres utilisateur
|
| 277 |
+
st.subheader("⚙️ Paramètres")
|
| 278 |
+
|
| 279 |
+
# Nom d'utilisateur
|
| 280 |
+
username = st.text_input("Votre nom (optionnel)", value=st.session_state.username or "")
|
| 281 |
+
if username != st.session_state.username:
|
| 282 |
+
st.session_state.username = username
|
| 283 |
+
|
| 284 |
+
# Activation de la recherche web
|
| 285 |
+
web_search = st.toggle(
|
| 286 |
+
"Recherche web",
|
| 287 |
+
value=st.session_state.web_search,
|
| 288 |
+
help="Permet à Mariam d'effectuer des recherches web"
|
| 289 |
+
)
|
| 290 |
+
if web_search != st.session_state.web_search:
|
| 291 |
+
st.session_state.web_search = web_search
|
| 292 |
+
|
| 293 |
+
# Actions
|
| 294 |
+
st.subheader("🔄 Actions")
|
| 295 |
+
if st.button("Nouvelle conversation", use_container_width=True):
|
| 296 |
+
st.session_state.chat = st.session_state.model.start_chat(history=[])
|
| 297 |
+
st.session_state.messages = []
|
| 298 |
+
st.rerun()
|
| 299 |
+
|
| 300 |
+
# À propos
|
| 301 |
+
st.subheader("ℹ️ À propos")
|
| 302 |
+
st.markdown("""
|
| 303 |
+
**Mariam AI** est une assistante virtuelle développée par Youssouf.
|
| 304 |
+
|
| 305 |
+
Basée sur la technologie Google Gemini.
|
| 306 |
+
""")
|
| 307 |
+
|
| 308 |
+
st.divider()
|
| 309 |
+
st.caption("© 2025 Mariam AI")
|
| 310 |
+
|
| 311 |
+
# Bouton pour fermer la barre latérale sur mobile
|
| 312 |
+
if st.button("Fermer le menu", use_container_width=True):
|
| 313 |
+
st.session_state.show_sidebar = False
|
| 314 |
+
st.rerun()
|
| 315 |
+
|
| 316 |
+
# Fonction pour afficher l'interface mobile
|
| 317 |
+
def render_mobile_ui():
|
| 318 |
+
"""Affiche l'interface utilisateur optimisée pour mobile."""
|
| 319 |
+
|
| 320 |
+
# Configuration de la page
|
| 321 |
+
st.set_page_config(
|
| 322 |
+
page_title="Mariam AI",
|
| 323 |
+
page_icon="🤖",
|
| 324 |
+
initial_sidebar_state="collapsed"
|
| 325 |
+
)
|
| 326 |
+
|
| 327 |
+
# Custom CSS pour améliorer l'interface mobile
|
| 328 |
+
st.markdown("""
|
| 329 |
+
<style>
|
| 330 |
+
.stApp {
|
| 331 |
+
max-width: 100%;
|
| 332 |
+
padding: 0;
|
| 333 |
+
}
|
| 334 |
+
.stChatMessage {
|
| 335 |
+
padding: 8px;
|
| 336 |
+
}
|
| 337 |
+
.stTextInput > div > div > input {
|
| 338 |
+
height: 50px;
|
| 339 |
+
}
|
| 340 |
+
.avatar {
|
| 341 |
+
width: 40px !important;
|
| 342 |
+
height: 40px !important;
|
| 343 |
+
}
|
| 344 |
+
.stFileUploader > div > button {
|
| 345 |
+
height: 50px;
|
| 346 |
+
}
|
| 347 |
+
.mobile-header {
|
| 348 |
+
display: flex;
|
| 349 |
+
align-items: center;
|
| 350 |
+
justify-content: space-between;
|
| 351 |
+
padding: 10px;
|
| 352 |
+
background-color: #f0f2f6;
|
| 353 |
+
border-radius: 8px;
|
| 354 |
+
margin-bottom: 10px;
|
| 355 |
+
}
|
| 356 |
+
.sidebar-toggle {
|
| 357 |
+
cursor: pointer;
|
| 358 |
+
font-size: 24px;
|
| 359 |
+
}
|
| 360 |
+
.chat-container {
|
| 361 |
+
height: calc(100vh - 180px);
|
| 362 |
+
overflow-y: auto;
|
| 363 |
+
padding: 10px 0;
|
| 364 |
+
}
|
| 365 |
+
.input-container {
|
| 366 |
+
position: fixed;
|
| 367 |
+
bottom: 0;
|
| 368 |
+
left: 0;
|
| 369 |
+
right: 0;
|
| 370 |
+
padding: 10px;
|
| 371 |
+
background-color: white;
|
| 372 |
+
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
|
| 373 |
+
}
|
| 374 |
+
@media (max-width: 768px) {
|
| 375 |
+
.mobile-header {
|
| 376 |
+
position: sticky;
|
| 377 |
+
top: 0;
|
| 378 |
+
z-index: 100;
|
| 379 |
+
}
|
| 380 |
+
}
|
| 381 |
+
</style>
|
| 382 |
+
""", unsafe_allow_html=True)
|
| 383 |
+
|
| 384 |
+
# En-tête mobile avec bouton de menu
|
| 385 |
+
st.markdown("""
|
| 386 |
+
<div class="mobile-header">
|
| 387 |
+
<div class="sidebar-toggle" onclick="document.querySelector('[data-testid=\\"baseButton-secondary\\"]').click();">☰</div>
|
| 388 |
+
<h2 style="margin:0;">Mariam AI</h2>
|
| 389 |
+
<div style="width:24px;"></div>
|
| 390 |
+
</div>
|
| 391 |
+
""", unsafe_allow_html=True)
|
| 392 |
+
|
| 393 |
+
# Affichage conditionnel de la barre latérale
|
| 394 |
+
if st.session_state.show_sidebar:
|
| 395 |
+
render_sidebar()
|
| 396 |
+
else:
|
| 397 |
+
# Bouton pour afficher la barre latérale avec une clé différente pour éviter le conflit
|
| 398 |
+
if st.button("☰ Menu", key="toggle_sidebar"):
|
| 399 |
+
st.session_state.show_sidebar = True
|
| 400 |
+
st.rerun()
|
| 401 |
+
|
| 402 |
+
# Conteneur de messages
|
| 403 |
+
message_container = st.container()
|
| 404 |
+
st.markdown('<div class="chat-container">', unsafe_allow_html=True)
|
| 405 |
+
|
| 406 |
+
with message_container:
|
| 407 |
+
# Afficher tous les messages
|
| 408 |
+
for message in st.session_state.messages:
|
| 409 |
+
with st.chat_message(message["role"]):
|
| 410 |
+
st.markdown(message["content"])
|
| 411 |
+
|
| 412 |
+
# Afficher l'indicateur "en train d'écrire"
|
| 413 |
+
if st.session_state.thinking:
|
| 414 |
+
with st.chat_message("assistant"):
|
| 415 |
+
st.write("Mariam réfléchit...")
|
| 416 |
+
|
| 417 |
+
st.markdown('</div>', unsafe_allow_html=True)
|
| 418 |
+
|
| 419 |
+
# Zone de fichier et saisie
|
| 420 |
+
st.markdown('<div class="input-container">', unsafe_allow_html=True)
|
| 421 |
+
|
| 422 |
+
# Conteneur pour l'uploader et l'input
|
| 423 |
+
input_cols = st.columns([1, 4])
|
| 424 |
+
|
| 425 |
+
with input_cols[0]:
|
| 426 |
+
# Zone de téléchargement simplifiée
|
| 427 |
+
uploaded_file = st.file_uploader(
|
| 428 |
+
"",
|
| 429 |
+
type=ALL_ACCEPTED_FILES,
|
| 430 |
+
label_visibility="collapsed",
|
| 431 |
+
key="mobile_uploader"
|
| 432 |
+
)
|
| 433 |
+
|
| 434 |
+
with input_cols[1]:
|
| 435 |
+
# Input chat simplifié
|
| 436 |
+
user_input = st.chat_input(
|
| 437 |
+
"Message à Mariam...",
|
| 438 |
+
disabled=st.session_state.thinking,
|
| 439 |
+
key="mobile_chat_input"
|
| 440 |
+
)
|
| 441 |
+
|
| 442 |
+
st.markdown('</div>', unsafe_allow_html=True)
|
| 443 |
+
|
| 444 |
+
# Affichage du fichier uploadé
|
| 445 |
+
if uploaded_file:
|
| 446 |
+
with st.expander(f"📎 {uploaded_file.name}", expanded=True):
|
| 447 |
+
file_ext = uploaded_file.name.split('.')[-1].lower()
|
| 448 |
+
|
| 449 |
+
if file_ext in ACCEPTED_FILE_TYPES['image']:
|
| 450 |
+
st.image(uploaded_file, use_column_width=True)
|
| 451 |
+
elif file_ext in ACCEPTED_FILE_TYPES['audio']:
|
| 452 |
+
st.audio(uploaded_file)
|
| 453 |
+
elif file_ext in ACCEPTED_FILE_TYPES['video']:
|
| 454 |
+
st.video(uploaded_file)
|
| 455 |
+
else:
|
| 456 |
+
st.info(f"Fichier: {uploaded_file.name}")
|
| 457 |
+
|
| 458 |
+
# Traitement des messages
|
| 459 |
+
if user_input:
|
| 460 |
+
handle_message(user_input, uploaded_file)
|
| 461 |
+
st.rerun()
|
| 462 |
+
|
| 463 |
+
# Fonction principale
|
| 464 |
+
def main():
|
| 465 |
+
# Initialiser l'état de session
|
| 466 |
+
initialize_session_state()
|
| 467 |
+
|
| 468 |
+
# Vérifier si l'API est initialisée
|
| 469 |
+
if not st.session_state.get("api_initialized", False):
|
| 470 |
+
st.error("Erreur d'initialisation de l'API. Veuillez vérifier votre clé API dans le fichier .env")
|
| 471 |
+
st.stop()
|
| 472 |
+
|
| 473 |
+
# Afficher l'interface mobile responsive
|
| 474 |
+
render_mobile_ui()
|
| 475 |
+
|
| 476 |
+
# Point d'entrée principal
|
| 477 |
+
if __name__ == "__main__":
|
| 478 |
+
main()
|