fix: nettoyage des routes API dupliquées bloquant l'IA et application forcée du frontend
Build and Push Docker Image / build-and-push (push) Successful in 41s
Build and Push Docker Image / build-and-push (push) Successful in 41s
This commit is contained in:
1 parent
9288e849af
commit
4b80ff404f
2 files changed
+38
-145
No files matched your search
+21
-129
@@ -7,27 +7,22 @@ import os
|
|||||||
|
|
||||||
# Importation de nos modules locaux
|
# Importation de nos modules locaux
|
||||||
from .database import engine, Base, get_db
|
from .database import engine, Base, get_db
|
||||||
from .models import User, Project, Message
|
|
||||||
from .auth import get_password_hash, generate_totp_secret, get_totp_uri, verify_password, verify_totp, create_access_token, verify_token
|
from .auth import get_password_hash, generate_totp_secret, get_totp_uri, verify_password, verify_totp, create_access_token, verify_token
|
||||||
from .schemas import AdminCreate, LoginRequest, ProjectCreate, ProjectResponse, ProjectRename, MessageCreate, MessageResponse
|
from .schemas import AdminCreate, LoginRequest, ProjectCreate, ProjectResponse, ProjectRename, MessageCreate, MessageResponse
|
||||||
from .models import User, Project, Message, SystemSettings
|
from .models import User, Project, Message, SystemSettings
|
||||||
from .ai import get_ai_response
|
from .ai import get_ai_response
|
||||||
from .models import User, Project, Message, SystemSettings
|
|
||||||
|
|
||||||
# Création des tables dans la base de données
|
# Création des tables dans la base de données
|
||||||
Base.metadata.create_all(bind=engine)
|
Base.metadata.create_all(bind=engine)
|
||||||
|
|
||||||
app = FastAPI(title="AETHAS38 - Orchestrateur Multi-IA")
|
app = FastAPI(title="AETHAS38 - Orchestrateur Multi-IA")
|
||||||
|
|
||||||
# Configuration des fichiers statiques (images, css locaux, etc.)
|
# Configuration des fichiers statiques
|
||||||
assets_path = os.path.join(os.getcwd(), "frontend", "assets")
|
assets_path = os.path.join(os.getcwd(), "frontend", "assets")
|
||||||
os.makedirs(assets_path, exist_ok=True) # Crée le dossier s'il n'existe pas
|
os.makedirs(assets_path, exist_ok=True)
|
||||||
app.mount("/assets", StaticFiles(directory=assets_path), name="assets")
|
app.mount("/assets", StaticFiles(directory=assets_path), name="assets")
|
||||||
# Définition des routes du logo dans login
|
|
||||||
|
|
||||||
|
|
||||||
def is_setup_required(db: Session) -> bool:
|
def is_setup_required(db: Session) -> bool:
|
||||||
"""Vérifie si la base de données contient au moins un administrateur."""
|
|
||||||
admin = db.query(User).filter(User.is_admin == True).first()
|
admin = db.query(User).filter(User.is_admin == True).first()
|
||||||
return admin is None
|
return admin is None
|
||||||
|
|
||||||
@@ -39,152 +34,82 @@ def read_root(db: Session = Depends(get_db)):
|
|||||||
|
|
||||||
@app.get("/setup")
|
@app.get("/setup")
|
||||||
def setup_page(db: Session = Depends(get_db)):
|
def setup_page(db: Session = Depends(get_db)):
|
||||||
"""Affiche l'interface d'installation Vue.js."""
|
|
||||||
if not is_setup_required(db):
|
if not is_setup_required(db):
|
||||||
return RedirectResponse(url="/login")
|
return RedirectResponse(url="/login")
|
||||||
|
|
||||||
frontend_path = os.path.join(os.getcwd(), "frontend", "index.html")
|
frontend_path = os.path.join(os.getcwd(), "frontend", "index.html")
|
||||||
if not os.path.exists(frontend_path):
|
if not os.path.exists(frontend_path):
|
||||||
raise HTTPException(status_code=404, detail="Interface introuvable.")
|
raise HTTPException(status_code=404, detail="Interface introuvable.")
|
||||||
|
|
||||||
return FileResponse(frontend_path)
|
return FileResponse(frontend_path)
|
||||||
|
|
||||||
@app.get("/login")
|
@app.get("/login")
|
||||||
def login_page(db: Session = Depends(get_db)):
|
def login_page(db: Session = Depends(get_db)):
|
||||||
"""Affiche la page de connexion sécurisée."""
|
|
||||||
if is_setup_required(db):
|
if is_setup_required(db):
|
||||||
return RedirectResponse(url="/setup")
|
return RedirectResponse(url="/setup")
|
||||||
|
|
||||||
frontend_path = os.path.join(os.getcwd(), "frontend", "login.html")
|
frontend_path = os.path.join(os.getcwd(), "frontend", "login.html")
|
||||||
if not os.path.exists(frontend_path):
|
if not os.path.exists(frontend_path):
|
||||||
raise HTTPException(status_code=404, detail="Interface de connexion introuvable.")
|
raise HTTPException(status_code=404, detail="Interface de connexion introuvable.")
|
||||||
|
|
||||||
return FileResponse(frontend_path)
|
return FileResponse(frontend_path)
|
||||||
|
|
||||||
@app.post("/api/setup")
|
@app.post("/api/setup")
|
||||||
def create_admin(admin_data: AdminCreate, db: Session = Depends(get_db)):
|
def create_admin(admin_data: AdminCreate, db: Session = Depends(get_db)):
|
||||||
"""Reçoit les données du frontend, crée l'admin, sauvegarde la configuration et retourne le QR Code 2FA."""
|
|
||||||
if not is_setup_required(db):
|
if not is_setup_required(db):
|
||||||
raise HTTPException(
|
raise HTTPException(status_code=status.HTTP_403_FORBIDDEN, detail="L'installation a déjà été effectuée.")
|
||||||
status_code=status.HTTP_403_FORBIDDEN,
|
|
||||||
detail="L'installation a déjà été effectuée."
|
|
||||||
)
|
|
||||||
|
|
||||||
# Création du Super Admin
|
|
||||||
hashed_pw = get_password_hash(admin_data.password)
|
hashed_pw = get_password_hash(admin_data.password)
|
||||||
totp_secret = generate_totp_secret()
|
totp_secret = generate_totp_secret()
|
||||||
new_admin = User(
|
new_admin = User(email=admin_data.email, username=admin_data.username, hashed_password=hashed_pw, totp_secret=totp_secret, is_admin=True)
|
||||||
email=admin_data.email,
|
|
||||||
username=admin_data.username,
|
|
||||||
hashed_password=hashed_pw,
|
|
||||||
totp_secret=totp_secret,
|
|
||||||
is_admin=True
|
|
||||||
)
|
|
||||||
db.add(new_admin)
|
db.add(new_admin)
|
||||||
|
|
||||||
# Sauvegarde des paramètres système
|
|
||||||
new_settings = SystemSettings(
|
new_settings = SystemSettings(
|
||||||
smtp_host=admin_data.smtp_host,
|
smtp_host=admin_data.smtp_host, smtp_port=admin_data.smtp_port, smtp_user=admin_data.smtp_user, smtp_password=admin_data.smtp_password,
|
||||||
smtp_port=admin_data.smtp_port,
|
openrouter_api_key=admin_data.openrouter_api_key, openrouter_management_key=admin_data.openrouter_management_key,
|
||||||
smtp_user=admin_data.smtp_user,
|
groq_api_key=admin_data.groq_api_key, gemini_api_key=admin_data.gemini_api_key, deepseek_api_key=admin_data.deepseek_api_key,
|
||||||
smtp_password=admin_data.smtp_password,
|
mistral_api_key=admin_data.mistral_api_key, cloudflare_account_id=admin_data.cloudflare_account_id, cloudflare_api_token=admin_data.cloudflare_api_token,
|
||||||
openrouter_api_key=admin_data.openrouter_api_key,
|
|
||||||
openrouter_management_key=admin_data.openrouter_management_key,
|
|
||||||
groq_api_key=admin_data.groq_api_key,
|
|
||||||
gemini_api_key=admin_data.gemini_api_key,
|
|
||||||
deepseek_api_key=admin_data.deepseek_api_key,
|
|
||||||
mistral_api_key=admin_data.mistral_api_key,
|
|
||||||
cloudflare_account_id=admin_data.cloudflare_account_id,
|
|
||||||
cloudflare_api_token=admin_data.cloudflare_api_token,
|
|
||||||
huggingface_api_key=admin_data.huggingface_api_key
|
huggingface_api_key=admin_data.huggingface_api_key
|
||||||
)
|
)
|
||||||
db.add(new_settings)
|
db.add(new_settings)
|
||||||
|
|
||||||
db.commit()
|
db.commit()
|
||||||
db.refresh(new_admin)
|
db.refresh(new_admin)
|
||||||
|
|
||||||
totp_uri = get_totp_uri(totp_secret, new_admin.username)
|
return {"message": "Configuration terminée avec succès.", "totp_secret": totp_secret, "totp_uri": get_totp_uri(totp_secret, new_admin.username)}
|
||||||
return {
|
|
||||||
"message": "Configuration terminée avec succès.",
|
|
||||||
"totp_secret": totp_secret,
|
|
||||||
"totp_uri": totp_uri
|
|
||||||
}
|
|
||||||
|
|
||||||
@app.post("/api/login")
|
@app.post("/api/login")
|
||||||
def login(login_data: LoginRequest, response: Response, db: Session = Depends(get_db)):
|
def login(login_data: LoginRequest, response: Response, db: Session = Depends(get_db)):
|
||||||
"""Vérifie les identifiants et crée une session de 60 minutes."""
|
|
||||||
user = db.query(User).filter(User.username == login_data.username).first()
|
user = db.query(User).filter(User.username == login_data.username).first()
|
||||||
|
|
||||||
# Vérification de l'utilisateur et du mot de passe
|
|
||||||
if not user or not verify_password(login_data.password, user.hashed_password):
|
if not user or not verify_password(login_data.password, user.hashed_password):
|
||||||
raise HTTPException(
|
raise HTTPException(status_code=status.HTTP_401_UNAUTHORIZED, detail="Identifiants incorrects.")
|
||||||
status_code=status.HTTP_401_UNAUTHORIZED,
|
|
||||||
detail="Nom d'utilisateur ou mot de passe incorrect."
|
|
||||||
)
|
|
||||||
|
|
||||||
# Vérification du code 2FA
|
|
||||||
if not verify_totp(user.totp_secret, login_data.totp_code):
|
if not verify_totp(user.totp_secret, login_data.totp_code):
|
||||||
raise HTTPException(
|
raise HTTPException(status_code=status.HTTP_401_UNAUTHORIZED, detail="Code 2FA invalide.")
|
||||||
status_code=status.HTTP_401_UNAUTHORIZED,
|
|
||||||
detail="Code 2FA invalide."
|
|
||||||
)
|
|
||||||
|
|
||||||
# Création du jeton de session
|
|
||||||
access_token = create_access_token(data={"sub": user.username})
|
access_token = create_access_token(data={"sub": user.username})
|
||||||
|
response.set_cookie(key="session_token", value=access_token, httponly=True, max_age=3600, samesite="lax")
|
||||||
# Injection du jeton dans un cookie sécurisé (invisible pour le JavaScript côté client)
|
|
||||||
response.set_cookie(
|
|
||||||
key="session_token",
|
|
||||||
value=access_token,
|
|
||||||
httponly=True,
|
|
||||||
max_age=3600, # 3600 secondes = 60 minutes
|
|
||||||
samesite="lax"
|
|
||||||
)
|
|
||||||
|
|
||||||
return {"message": "Connexion réussie"}
|
return {"message": "Connexion réussie"}
|
||||||
|
|
||||||
@app.get("/dashboard")
|
@app.get("/dashboard")
|
||||||
def dashboard(request: Request):
|
def dashboard(request: Request):
|
||||||
"""Route protégée : affiche l'interface principale si le cookie est valide."""
|
|
||||||
token = request.cookies.get("session_token")
|
token = request.cookies.get("session_token")
|
||||||
if not token:
|
if not token or not verify_token(token):
|
||||||
return RedirectResponse(url="/login")
|
return RedirectResponse(url="/login")
|
||||||
|
|
||||||
payload = verify_token(token)
|
|
||||||
if not payload:
|
|
||||||
return RedirectResponse(url="/login")
|
|
||||||
|
|
||||||
frontend_path = os.path.join(os.getcwd(), "frontend", "dashboard.html")
|
frontend_path = os.path.join(os.getcwd(), "frontend", "dashboard.html")
|
||||||
if not os.path.exists(frontend_path):
|
|
||||||
raise HTTPException(status_code=404, detail="Interface du tableau de bord introuvable.")
|
|
||||||
|
|
||||||
return FileResponse(frontend_path)
|
return FileResponse(frontend_path)
|
||||||
|
|
||||||
# --- GESTION DES PROJETS ---
|
# --- GESTION DES PROJETS ---
|
||||||
|
|
||||||
def get_current_user(request: Request, db: Session = Depends(get_db)):
|
def get_current_user(request: Request, db: Session = Depends(get_db)):
|
||||||
"""Extrait l'utilisateur actuel à partir du cookie de session JWT."""
|
|
||||||
token = request.cookies.get("session_token")
|
token = request.cookies.get("session_token")
|
||||||
if not token:
|
if not token: raise HTTPException(status_code=401, detail="Non authentifié")
|
||||||
raise HTTPException(status_code=401, detail="Non authentifié")
|
|
||||||
|
|
||||||
payload = verify_token(token)
|
payload = verify_token(token)
|
||||||
if not payload:
|
if not payload: raise HTTPException(status_code=401, detail="Session expirée")
|
||||||
raise HTTPException(status_code=401, detail="Session expirée")
|
|
||||||
|
|
||||||
user = db.query(User).filter(User.username == payload.get("sub")).first()
|
user = db.query(User).filter(User.username == payload.get("sub")).first()
|
||||||
if not user:
|
if not user: raise HTTPException(status_code=401, detail="Utilisateur introuvable")
|
||||||
raise HTTPException(status_code=401, detail="Utilisateur introuvable")
|
|
||||||
return user
|
return user
|
||||||
|
|
||||||
@app.get("/api/projects", response_model=List[ProjectResponse])
|
@app.get("/api/projects", response_model=List[ProjectResponse])
|
||||||
def get_projects(db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
def get_projects(db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
"""Récupère tous les projets de l'utilisateur connecté."""
|
|
||||||
return db.query(Project).filter(Project.user_id == current_user.id).order_by(Project.created_at.desc()).all()
|
return db.query(Project).filter(Project.user_id == current_user.id).order_by(Project.created_at.desc()).all()
|
||||||
|
|
||||||
@app.post("/api/projects", response_model=ProjectResponse)
|
@app.post("/api/projects", response_model=ProjectResponse)
|
||||||
def create_project(project: ProjectCreate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
def create_project(project: ProjectCreate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
"""Crée un nouveau projet pour l'utilisateur connecté."""
|
|
||||||
new_project = Project(title=project.title, user_id=current_user.id)
|
new_project = Project(title=project.title, user_id=current_user.id)
|
||||||
db.add(new_project)
|
db.add(new_project)
|
||||||
db.commit()
|
db.commit()
|
||||||
@@ -193,11 +118,8 @@ def create_project(project: ProjectCreate, db: Session = Depends(get_db), curren
|
|||||||
|
|
||||||
@app.put("/api/projects/{project_id}/rename", response_model=ProjectResponse)
|
@app.put("/api/projects/{project_id}/rename", response_model=ProjectResponse)
|
||||||
def rename_project(project_id: int, project_data: ProjectRename, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
def rename_project(project_id: int, project_data: ProjectRename, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
"""Renomme un projet existant."""
|
|
||||||
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
||||||
if not project:
|
if not project: raise HTTPException(status_code=404, detail="Projet introuvable")
|
||||||
raise HTTPException(status_code=404, detail="Projet introuvable")
|
|
||||||
|
|
||||||
project.title = project_data.title
|
project.title = project_data.title
|
||||||
db.commit()
|
db.commit()
|
||||||
db.refresh(project)
|
db.refresh(project)
|
||||||
@@ -205,11 +127,8 @@ def rename_project(project_id: int, project_data: ProjectRename, db: Session = D
|
|||||||
|
|
||||||
@app.put("/api/projects/{project_id}/pin", response_model=ProjectResponse)
|
@app.put("/api/projects/{project_id}/pin", response_model=ProjectResponse)
|
||||||
def toggle_pin_project(project_id: int, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
def toggle_pin_project(project_id: int, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
"""Bascule le statut épinglé (is_pinned) d'un projet."""
|
|
||||||
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
||||||
if not project:
|
if not project: raise HTTPException(status_code=404, detail="Projet introuvable")
|
||||||
raise HTTPException(status_code=404, detail="Projet introuvable")
|
|
||||||
|
|
||||||
project.is_pinned = not project.is_pinned
|
project.is_pinned = not project.is_pinned
|
||||||
db.commit()
|
db.commit()
|
||||||
db.refresh(project)
|
db.refresh(project)
|
||||||
@@ -217,11 +136,8 @@ def toggle_pin_project(project_id: int, db: Session = Depends(get_db), current_u
|
|||||||
|
|
||||||
@app.delete("/api/projects/{project_id}")
|
@app.delete("/api/projects/{project_id}")
|
||||||
def delete_project(project_id: int, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
def delete_project(project_id: int, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
"""Supprime définitivement un projet et tous ses messages associés."""
|
|
||||||
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
||||||
if not project:
|
if not project: raise HTTPException(status_code=404, detail="Projet introuvable")
|
||||||
raise HTTPException(status_code=404, detail="Projet introuvable")
|
|
||||||
|
|
||||||
db.delete(project)
|
db.delete(project)
|
||||||
db.commit()
|
db.commit()
|
||||||
return {"message": "Projet supprimé"}
|
return {"message": "Projet supprimé"}
|
||||||
@@ -230,50 +146,26 @@ def delete_project(project_id: int, db: Session = Depends(get_db), current_user:
|
|||||||
|
|
||||||
@app.get("/api/projects/{project_id}/messages", response_model=List[MessageResponse])
|
@app.get("/api/projects/{project_id}/messages", response_model=List[MessageResponse])
|
||||||
def get_messages(project_id: int, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
def get_messages(project_id: int, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
"""Récupère tous les messages d'un projet spécifique."""
|
|
||||||
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
||||||
if not project:
|
if not project: raise HTTPException(status_code=404, detail="Projet introuvable")
|
||||||
raise HTTPException(status_code=404, detail="Projet introuvable")
|
|
||||||
return db.query(Message).filter(Message.project_id == project_id).order_by(Message.created_at.asc()).all()
|
return db.query(Message).filter(Message.project_id == project_id).order_by(Message.created_at.asc()).all()
|
||||||
|
|
||||||
@app.post("/api/projects/{project_id}/messages", response_model=MessageResponse)
|
|
||||||
def create_message(project_id: int, message: MessageCreate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
|
||||||
"""Ajoute un message à un projet."""
|
|
||||||
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Projet introuvable")
|
|
||||||
|
|
||||||
new_message = Message(role=message.role, content=message.content, project_id=project_id)
|
|
||||||
db.add(new_message)
|
|
||||||
db.commit()
|
|
||||||
db.refresh(new_message)
|
|
||||||
return new_message
|
|
||||||
|
|
||||||
@app.post("/api/projects/{project_id}/messages", response_model=List[MessageResponse])
|
@app.post("/api/projects/{project_id}/messages", response_model=List[MessageResponse])
|
||||||
def create_message(project_id: int, message: MessageCreate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
def create_message(project_id: int, message: MessageCreate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
"""Ajoute un message, interroge l'IA et retourne l'historique mis à jour."""
|
|
||||||
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
project = db.query(Project).filter(Project.id == project_id, Project.user_id == current_user.id).first()
|
||||||
if not project:
|
if not project: raise HTTPException(status_code=404, detail="Projet introuvable")
|
||||||
raise HTTPException(status_code=404, detail="Projet introuvable")
|
|
||||||
|
|
||||||
# 1. Sauvegarde du message de l'utilisateur
|
|
||||||
user_message = Message(role=message.role, content=message.content, project_id=project_id)
|
user_message = Message(role=message.role, content=message.content, project_id=project_id)
|
||||||
db.add(user_message)
|
db.add(user_message)
|
||||||
db.commit()
|
db.commit()
|
||||||
|
|
||||||
# 2. Récupération de l'historique complet pour le contexte
|
|
||||||
history = db.query(Message).filter(Message.project_id == project_id).order_by(Message.created_at.asc()).all()
|
history = db.query(Message).filter(Message.project_id == project_id).order_by(Message.created_at.asc()).all()
|
||||||
|
|
||||||
# 3. Récupération des clés API depuis la base
|
|
||||||
settings = db.query(SystemSettings).first()
|
settings = db.query(SystemSettings).first()
|
||||||
|
|
||||||
# 4. Interrogation de l'IA via notre routeur (ai.py)
|
|
||||||
ai_response_text = get_ai_response(history, settings)
|
ai_response_text = get_ai_response(history, settings)
|
||||||
|
|
||||||
# 5. Sauvegarde de la réponse de l'IA
|
|
||||||
ai_message = Message(role="assistant", content=ai_response_text, project_id=project_id)
|
ai_message = Message(role="assistant", content=ai_response_text, project_id=project_id)
|
||||||
db.add(ai_message)
|
db.add(ai_message)
|
||||||
db.commit()
|
db.commit()
|
||||||
|
|
||||||
# On retourne le nouvel historique contenant la question ET la réponse
|
|
||||||
return db.query(Message).filter(Message.project_id == project_id).order_by(Message.created_at.asc()).all()
|
return db.query(Message).filter(Message.project_id == project_id).order_by(Message.created_at.asc()).all()
|
||||||
+17
-16
@@ -26,7 +26,6 @@
|
|||||||
<div id="app" class="flex w-full h-full relative bg-aethas-dark">
|
<div id="app" class="flex w-full h-full relative bg-aethas-dark">
|
||||||
<div v-if="isSidebarOpen" @click="toggleSidebar" class="md:hidden fixed inset-0 bg-black/60 z-40 transition-opacity"></div>
|
<div v-if="isSidebarOpen" @click="toggleSidebar" class="md:hidden fixed inset-0 bg-black/60 z-40 transition-opacity"></div>
|
||||||
|
|
||||||
<!-- BARRE LATÉRALE -->
|
|
||||||
<div :class="['transition-all duration-300 flex-shrink-0 relative z-50', isSidebarOpen ? 'w-72' : 'w-0']">
|
<div :class="['transition-all duration-300 flex-shrink-0 relative z-50', isSidebarOpen ? 'w-72' : 'w-0']">
|
||||||
<aside :class="['absolute top-0 left-0 h-full w-72 bg-aethas-panel border-r border-gray-700 flex flex-col transition-transform duration-300', isSidebarOpen ? 'translate-x-0' : '-translate-x-full']">
|
<aside :class="['absolute top-0 left-0 h-full w-72 bg-aethas-panel border-r border-gray-700 flex flex-col transition-transform duration-300', isSidebarOpen ? 'translate-x-0' : '-translate-x-full']">
|
||||||
<div class="p-4 border-b border-gray-700 flex items-center justify-between">
|
<div class="p-4 border-b border-gray-700 flex items-center justify-between">
|
||||||
@@ -44,7 +43,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-1 overflow-y-auto p-4 space-y-6">
|
<div class="flex-1 overflow-y-auto p-4 space-y-6">
|
||||||
<!-- Projets Épinglés -->
|
|
||||||
<div v-if="pinnedProjects.length > 0">
|
<div v-if="pinnedProjects.length > 0">
|
||||||
<h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-3">Épinglés</h3>
|
<h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-3">Épinglés</h3>
|
||||||
<ul class="space-y-1">
|
<ul class="space-y-1">
|
||||||
@@ -62,7 +60,6 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Projets Récents -->
|
|
||||||
<div>
|
<div>
|
||||||
<h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-3">Récents</h3>
|
<h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-3">Récents</h3>
|
||||||
<ul class="space-y-1">
|
<ul class="space-y-1">
|
||||||
@@ -82,14 +79,18 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-4 border-t border-gray-700 flex items-center gap-2">
|
<div class="p-4 border-t border-gray-700 flex justify-between items-center">
|
||||||
<div class="w-8 h-8 rounded-full bg-gradient-to-tr from-aethas-cyan to-aethas-purple flex items-center justify-center text-sm font-bold shadow-md">{{ username.charAt(0).toUpperCase() }}</div>
|
<div class="flex items-center gap-2">
|
||||||
<span class="text-sm font-medium">{{ username }}</span>
|
<div class="w-8 h-8 rounded-full bg-gradient-to-tr from-aethas-cyan to-aethas-purple flex items-center justify-center text-sm font-bold shadow-md">{{ username.charAt(0).toUpperCase() }}</div>
|
||||||
|
<span class="text-sm font-medium">{{ username }}</span>
|
||||||
|
</div>
|
||||||
|
<button class="text-gray-400 hover:text-white transition-colors" title="Paramètres">
|
||||||
|
<i data-lucide="settings" class="w-5 h-5"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ZONE PRINCIPALE -->
|
|
||||||
<main class="flex-1 flex flex-col min-w-0 z-10 transition-all duration-300">
|
<main class="flex-1 flex flex-col min-w-0 z-10 transition-all duration-300">
|
||||||
<header class="flex items-center justify-between p-4 border-b border-gray-700 bg-aethas-panel h-[73px]">
|
<header class="flex items-center justify-between p-4 border-b border-gray-700 bg-aethas-panel h-[73px]">
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
@@ -105,14 +106,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Affichage par défaut -->
|
|
||||||
<div v-if="!activeProject" class="flex-1 overflow-y-auto p-4 md:p-8 flex flex-col items-center justify-center">
|
<div v-if="!activeProject" class="flex-1 overflow-y-auto p-4 md:p-8 flex flex-col items-center justify-center">
|
||||||
<img src="/assets/logo.png" alt="AETHAS38 Logo" class="w-24 h-24 mb-6 rounded-full border-2 border-aethas-cyan shadow-[0_0_15px_rgba(6,182,212,0.5)] object-cover bg-gray-800 flex-shrink-0">
|
<img src="/assets/logo.png" alt="AETHAS38 Logo" class="w-24 h-24 mb-6 rounded-full border-2 border-aethas-cyan shadow-[0_0_15px_rgba(6,182,212,0.5)] object-cover bg-gray-800 flex-shrink-0">
|
||||||
<h2 class="text-2xl font-bold text-gray-200 mb-2 text-center">Comment puis-je vous aider aujourd'hui ?</h2>
|
<h2 class="text-2xl font-bold text-gray-200 mb-2 text-center">Comment puis-je vous aider aujourd'hui ?</h2>
|
||||||
<p class="text-gray-500 text-sm text-center">Sélectionnez ou créez un projet pour commencer.</p>
|
<p class="text-gray-500 text-sm text-center">Sélectionnez ou créez un projet pour commencer.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Zone de Chat -->
|
|
||||||
<div v-else class="flex-1 overflow-y-auto p-4 md:p-8 space-y-6 flex flex-col" id="chat-container">
|
<div v-else class="flex-1 overflow-y-auto p-4 md:p-8 space-y-6 flex flex-col" id="chat-container">
|
||||||
<div v-if="messages.length === 0" class="flex-1 flex items-center justify-center text-gray-500 italic">Démarrez la conversation ci-dessous.</div>
|
<div v-if="messages.length === 0" class="flex-1 flex items-center justify-center text-gray-500 italic">Démarrez la conversation ci-dessous.</div>
|
||||||
|
|
||||||
@@ -125,7 +124,6 @@
|
|||||||
<div class="text-gray-200 whitespace-pre-wrap text-sm leading-relaxed">{{ msg.content }}</div>
|
<div class="text-gray-200 whitespace-pre-wrap text-sm leading-relaxed">{{ msg.content }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Indicateur de chargement IA -->
|
|
||||||
<div v-if="isAiThinking" class="max-w-3xl rounded-2xl p-4 bg-aethas-panel mr-auto border border-aethas-cyan/30 w-24">
|
<div v-if="isAiThinking" class="max-w-3xl rounded-2xl p-4 bg-aethas-panel mr-auto border border-aethas-cyan/30 w-24">
|
||||||
<div class="flex items-center gap-2 mb-2">
|
<div class="flex items-center gap-2 mb-2">
|
||||||
<i data-lucide="bot" class="w-4 h-4 text-aethas-cyan"></i>
|
<i data-lucide="bot" class="w-4 h-4 text-aethas-cyan"></i>
|
||||||
@@ -139,7 +137,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Saisie du Prompt -->
|
|
||||||
<div class="p-4 md:p-6 w-full max-w-4xl mx-auto">
|
<div class="p-4 md:p-6 w-full max-w-4xl mx-auto">
|
||||||
<div class="relative flex items-end bg-gray-800 border border-gray-600 rounded-2xl p-2 shadow-lg focus-within:border-aethas-cyan focus-within:ring-1 focus-within:ring-aethas-cyan transition-all">
|
<div class="relative flex items-end bg-gray-800 border border-gray-600 rounded-2xl p-2 shadow-lg focus-within:border-aethas-cyan focus-within:ring-1 focus-within:ring-aethas-cyan transition-all">
|
||||||
<button class="p-3 text-gray-400 hover:text-aethas-cyan transition-colors flex-shrink-0" :disabled="!activeProject || isAiThinking"><i data-lucide="paperclip" class="w-5 h-5"></i></button>
|
<button class="p-3 text-gray-400 hover:text-aethas-cyan transition-colors flex-shrink-0" :disabled="!activeProject || isAiThinking"><i data-lucide="paperclip" class="w-5 h-5"></i></button>
|
||||||
@@ -271,11 +268,15 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
// L'API nous renvoie l'historique à jour avec la réponse de l'IA
|
const data = await response.json();
|
||||||
messages.value = await response.json();
|
if (Array.isArray(data)) {
|
||||||
|
messages.value = data;
|
||||||
|
} else {
|
||||||
|
selectProject(activeProject.value);
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
const err = await response.json();
|
const err = await response.json();
|
||||||
alert("Erreur: " + err.detail);
|
alert("Erreur de l'IA: " + err.detail);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Erreur envoi message", error);
|
console.error("Erreur envoi message", error);
|
||||||
@@ -286,7 +287,7 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const togglePin = async (projectId) => { /* ... code existant identique ... */
|
const togglePin = async (projectId) => {
|
||||||
try {
|
try {
|
||||||
const response = await fetch(`/api/projects/${projectId}/pin`, { method: 'PUT' });
|
const response = await fetch(`/api/projects/${projectId}/pin`, { method: 'PUT' });
|
||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
@@ -297,7 +298,7 @@
|
|||||||
} catch (error) { console.error(error); }
|
} catch (error) { console.error(error); }
|
||||||
};
|
};
|
||||||
|
|
||||||
const deleteProject = async (projectId) => { /* ... code existant identique ... */
|
const deleteProject = async (projectId) => {
|
||||||
if (!confirm("Voulez-vous vraiment supprimer ce projet ?")) return;
|
if (!confirm("Voulez-vous vraiment supprimer ce projet ?")) return;
|
||||||
try {
|
try {
|
||||||
const response = await fetch(`/api/projects/${projectId}`, { method: 'DELETE' });
|
const response = await fetch(`/api/projects/${projectId}`, { method: 'DELETE' });
|
||||||
|
|||||||
Reference in new issue
Block a user