feat: intégration du panneau super-admin (clés API/SMTP), recherche web native OpenRouter, cookie étendu (8h), toast notification et reset textarea
This commit is contained in:
1 parent
e0f504c8ee
commit
c4fe2dab27
4 files changed
+165
-26
No files matched your search
+37
-8
@@ -9,7 +9,7 @@ import pytz
|
|||||||
|
|
||||||
from .database import engine, Base, get_db, SessionLocal
|
from .database import engine, Base, get_db, SessionLocal
|
||||||
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, PasswordChange, ModelReplacementRequest, LogRequest
|
from .schemas import AdminCreate, LoginRequest, ProjectCreate, ProjectResponse, ProjectRename, MessageCreate, MessageResponse, PasswordChange, ModelReplacementRequest, LogRequest, SystemSettingsUpdate, SystemSettingsResponse
|
||||||
from .models import User, Project, Message, SystemSettings, AIModel, FinancialLog
|
from .models import User, Project, Message, SystemSettings, AIModel, FinancialLog
|
||||||
from .orchestrator import run_orchestrator, sync_providers_models, sync_finances, activity_logs, log_activity
|
from .orchestrator import run_orchestrator, sync_providers_models, sync_finances, activity_logs, log_activity
|
||||||
|
|
||||||
@@ -29,13 +29,11 @@ async def scheduler_task():
|
|||||||
if (now.hour == 0 or now.hour == 12) and now.minute == 0:
|
if (now.hour == 0 or now.hour == 12) and now.minute == 0:
|
||||||
db = SessionLocal()
|
db = SessionLocal()
|
||||||
try:
|
try:
|
||||||
# 1. Sync des modèles
|
|
||||||
settings = db.query(SystemSettings).first()
|
settings = db.query(SystemSettings).first()
|
||||||
if settings:
|
if settings:
|
||||||
try: await sync_providers_models(db, settings, "Automatique")
|
try: await sync_providers_models(db, settings, "Automatique")
|
||||||
except: pass
|
except: pass
|
||||||
|
|
||||||
# 2. Nettoyage automatique des discussions > 7 jours non épinglées
|
|
||||||
cutoff = datetime.now(timezone.utc) - timedelta(days=7)
|
cutoff = datetime.now(timezone.utc) - timedelta(days=7)
|
||||||
old_projects = db.query(Project).filter(Project.is_pinned == False, Project.created_at < cutoff).all()
|
old_projects = db.query(Project).filter(Project.is_pinned == False, Project.created_at < cutoff).all()
|
||||||
if old_projects:
|
if old_projects:
|
||||||
@@ -89,7 +87,9 @@ def login(login_data: LoginRequest, response: Response, db: Session = Depends(ge
|
|||||||
user = db.query(User).filter(User.username == login_data.username).first()
|
user = db.query(User).filter(User.username == login_data.username).first()
|
||||||
if not user or not verify_password(login_data.password, user.hashed_password): raise HTTPException(status_code=401, detail="Identifiants incorrects.")
|
if not user or not verify_password(login_data.password, user.hashed_password): raise HTTPException(status_code=401, detail="Identifiants incorrects.")
|
||||||
if not verify_totp(user.totp_secret, login_data.totp_code): raise HTTPException(status_code=401, detail="2FA invalide.")
|
if not verify_totp(user.totp_secret, login_data.totp_code): raise HTTPException(status_code=401, detail="2FA invalide.")
|
||||||
response.set_cookie(key="session_token", value=create_access_token(data={"sub": user.username}), httponly=True, max_age=604800, samesite="lax")
|
|
||||||
|
# Session valide 8 heures (28800 secondes)
|
||||||
|
response.set_cookie(key="session_token", value=create_access_token(data={"sub": user.username}), httponly=True, max_age=28800, samesite="lax")
|
||||||
return {"message": "Connexion réussie"}
|
return {"message": "Connexion réussie"}
|
||||||
|
|
||||||
@app.get("/dashboard")
|
@app.get("/dashboard")
|
||||||
@@ -164,6 +164,23 @@ async def upload_avatar(file: UploadFile = File(...), db: Session = Depends(get_
|
|||||||
db.commit()
|
db.commit()
|
||||||
return {"message": "Avatar mis à jour", "avatar_path": current_user.avatar_path}
|
return {"message": "Avatar mis à jour", "avatar_path": current_user.avatar_path}
|
||||||
|
|
||||||
|
# --- ROUTES SUPER-ADMIN ---
|
||||||
|
@app.get("/api/settings", response_model=SystemSettingsResponse)
|
||||||
|
def get_settings(db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
|
if not current_user.is_superadmin: raise HTTPException(status_code=403, detail="Super-Admin requis.")
|
||||||
|
return db.query(SystemSettings).first()
|
||||||
|
|
||||||
|
@app.put("/api/settings")
|
||||||
|
def update_settings(settings_data: SystemSettingsUpdate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
|
if not current_user.is_superadmin: raise HTTPException(status_code=403, detail="Super-Admin requis.")
|
||||||
|
s = db.query(SystemSettings).first()
|
||||||
|
if not s: raise HTTPException(status_code=404)
|
||||||
|
for k, v in settings_data.dict(exclude_unset=True).items():
|
||||||
|
setattr(s, k, v)
|
||||||
|
db.commit()
|
||||||
|
log_activity("Configuration système mise à jour par le Super-Admin.")
|
||||||
|
return {"message": "Paramètres mis à jour avec succès."}
|
||||||
|
|
||||||
@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)): return db.query(Project).filter(Project.user_id == current_user.id).order_by(Project.created_at.desc()).all()
|
def get_projects(db: Session = Depends(get_db), current_user: User = Depends(get_current_user)): return db.query(Project).filter(Project.user_id == current_user.id).order_by(Project.created_at.desc()).all()
|
||||||
|
|
||||||
@@ -205,7 +222,6 @@ def get_messages(project_id: int, db: Session = Depends(get_db), current_user: U
|
|||||||
|
|
||||||
@app.post("/api/projects/{project_id}/messages", response_model=List[MessageResponse])
|
@app.post("/api/projects/{project_id}/messages", response_model=List[MessageResponse])
|
||||||
async def create_message(project_id: int, message: MessageCreate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
async def create_message(project_id: int, message: MessageCreate, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
|
||||||
# 1. Gestion de l'auto-renommage à la 2ème requête
|
|
||||||
p = db.query(Project).filter(Project.id == project_id).first()
|
p = db.query(Project).filter(Project.id == project_id).first()
|
||||||
if p and p.title == "Nouvelle discussion":
|
if p and p.title == "Nouvelle discussion":
|
||||||
user_msgs = db.query(Message).filter(Message.project_id == project_id, Message.role == "user").order_by(Message.created_at.asc()).all()
|
user_msgs = db.query(Message).filter(Message.project_id == project_id, Message.role == "user").order_by(Message.created_at.asc()).all()
|
||||||
@@ -216,7 +232,6 @@ async def create_message(project_id: int, message: MessageCreate, db: Session =
|
|||||||
p.title = new_title + ("..." if len(first_content) > 35 else "")
|
p.title = new_title + ("..." if len(first_content) > 35 else "")
|
||||||
db.commit()
|
db.commit()
|
||||||
|
|
||||||
# 2. Gestion des fichiers
|
|
||||||
extracted_files_data = []
|
extracted_files_data = []
|
||||||
files_names = []
|
files_names = []
|
||||||
|
|
||||||
@@ -330,9 +345,23 @@ def export_models(db: Session = Depends(get_db), current_user: User = Depends(ge
|
|||||||
md_content += f"## Fournisseur : {prov.upper()}\n\n"
|
md_content += f"## Fournisseur : {prov.upper()}\n\n"
|
||||||
prov_models = [m for m in models if m.provider == prov]
|
prov_models = [m for m in models if m.provider == prov]
|
||||||
for m in prov_models:
|
for m in prov_models:
|
||||||
price_info = "**GRATUIT**" if m.is_free else f"In: ${m.pricing_prompt:.2f} / Out:${m.pricing_completion:.2f}"
|
price_info = "**GRATUIT**" if m.is_free else f"In: ${m.pricing_prompt:.2f} / Out: ${m.pricing_completion:.2f}"
|
||||||
ctx_info = f"{int(m.context_length/1000)}k"
|
ctx_info = f"{int(m.context_length/1000)}k"
|
||||||
desc = m.description_fr.replace('\n', ' ') if m.description_fr else ""
|
desc = m.description_fr.replace('\n', ' ') if m.description_fr else ""
|
||||||
md_content += f"- **{m.name or m.model_id}** (`{m.model_id}`)\n"
|
md_content += f"- **{m.name or m.model_id}** (`{m.model_id}`)\n"
|
||||||
md_content += f" - *Domaine :* {m.domain}\n"
|
md_content += f" - *Domaine :* {m.domain}\n"
|
||||||
md_
|
md_content += f" - *Prix (1M tokens) :* {price_info}\n"
|
||||||
|
md_content += f" - *Contexte :* {ctx_info}\n"
|
||||||
|
md_content += f" - *Description :* {desc}\n\n"
|
||||||
|
|
||||||
|
zip_io = io.BytesIO()
|
||||||
|
with zipfile.ZipFile(zip_io, mode='w', compression=zipfile.ZIP_DEFLATED) as zf:
|
||||||
|
zf.writestr("models_export.csv", csv_io.getvalue().encode('utf-8'))
|
||||||
|
zf.writestr(f"{datetime.now().strftime('%Y%m%d')}-extraction-modeles.md", md_content.encode('utf-8'))
|
||||||
|
|
||||||
|
zip_io.seek(0)
|
||||||
|
return Response(
|
||||||
|
content=zip_io.getvalue(),
|
||||||
|
media_type="application/zip",
|
||||||
|
headers={"Content-Disposition": f"attachment; filename=aethas38_models_{datetime.now().strftime('%Y%m%d')}.zip"}
|
||||||
|
)
|
||||||
@@ -206,7 +206,8 @@ async def ask_agent(client, model_id, messages, provider="openrouter"):
|
|||||||
kwargs = {"model": model_id, "messages": messages}
|
kwargs = {"model": model_id, "messages": messages}
|
||||||
if provider == "openrouter":
|
if provider == "openrouter":
|
||||||
kwargs["extra_headers"] = {"HTTP-Referer": "https://aethas38.duckdns.org", "X-Title": "AETHAS38 Orchestrator"}
|
kwargs["extra_headers"] = {"HTTP-Referer": "https://aethas38.duckdns.org", "X-Title": "AETHAS38 Orchestrator"}
|
||||||
kwargs["extra_body"] = {"plugins": [{"id": "context-compression"}]}
|
# Activation native du plugin web-search et de compression
|
||||||
|
kwargs["extra_body"] = {"plugins": [{"id": "context-compression"}, {"id": "web-search"}]}
|
||||||
|
|
||||||
resp = await client.chat.completions.create(**kwargs)
|
resp = await client.chat.completions.create(**kwargs)
|
||||||
return resp.choices[0].message.content
|
return resp.choices[0].message.content
|
||||||
@@ -225,7 +226,6 @@ async def run_orchestrator(db: Session, history: list, settings: SystemSettings,
|
|||||||
log_activity(f"Démarrage de l'orchestration. Modèle Prompteur: {p_mod}")
|
log_activity(f"Démarrage de l'orchestration. Modèle Prompteur: {p_mod}")
|
||||||
p_client, p_prov = get_client_for_model(db, p_mod, settings)
|
p_client, p_prov = get_client_for_model(db, p_mod, settings)
|
||||||
|
|
||||||
# --- WORKFLOW MAP-REDUCE : PRÉ-TRAITEMENT SÉQUENTIEL & CHUNKING ---
|
|
||||||
files_context = ""
|
files_context = ""
|
||||||
if extracted_files:
|
if extracted_files:
|
||||||
log_activity(f"Traitement Map-Reduce de {len(extracted_files)} fichier(s) joint(s).")
|
log_activity(f"Traitement Map-Reduce de {len(extracted_files)} fichier(s) joint(s).")
|
||||||
@@ -270,7 +270,6 @@ async def run_orchestrator(db: Session, history: list, settings: SystemSettings,
|
|||||||
files_context = "".join(file_analyses)
|
files_context = "".join(file_analyses)
|
||||||
user_prompt = f"{original_user_text}\n\nVoici les données pré-traitées des fichiers joints :\n{files_context}"
|
user_prompt = f"{original_user_text}\n\nVoici les données pré-traitées des fichiers joints :\n{files_context}"
|
||||||
|
|
||||||
# --- OPTIMISATION & TRADUCTION ---
|
|
||||||
log_activity(f"Optimisation/Traduction de la requête via Prompteur...")
|
log_activity(f"Optimisation/Traduction de la requête via Prompteur...")
|
||||||
prompt_system = "You are an expert prompt engineer. Translate and optimize the user request and any file context into clear, precise English tailored for AI execution. Keep all code blocks intact."
|
prompt_system = "You are an expert prompt engineer. Translate and optimize the user request and any file context into clear, precise English tailored for AI execution. Keep all code blocks intact."
|
||||||
optimized = await ask_agent(p_client, p_mod, [{"role": "system", "content": prompt_system}, {"role": "user", "content": user_prompt}], p_prov)
|
optimized = await ask_agent(p_client, p_mod, [{"role": "system", "content": prompt_system}, {"role": "user", "content": user_prompt}], p_prov)
|
||||||
|
|||||||
@@ -20,6 +20,26 @@ class AdminCreate(BaseModel):
|
|||||||
cloudflare_api_token: Optional[str] = None
|
cloudflare_api_token: Optional[str] = None
|
||||||
huggingface_api_key: Optional[str] = None
|
huggingface_api_key: Optional[str] = None
|
||||||
|
|
||||||
|
class SystemSettingsBase(BaseModel):
|
||||||
|
smtp_host: Optional[str] = None
|
||||||
|
smtp_port: Optional[int] = None
|
||||||
|
smtp_user: Optional[str] = None
|
||||||
|
smtp_password: Optional[str] = None
|
||||||
|
openrouter_api_key: Optional[str] = None
|
||||||
|
openrouter_management_key: Optional[str] = None
|
||||||
|
groq_api_key: Optional[str] = None
|
||||||
|
gemini_api_key: Optional[str] = None
|
||||||
|
deepseek_api_key: Optional[str] = None
|
||||||
|
mistral_api_key: Optional[str] = None
|
||||||
|
cloudflare_account_id: Optional[str] = None
|
||||||
|
cloudflare_api_token: Optional[str] = None
|
||||||
|
huggingface_api_key: Optional[str] = None
|
||||||
|
|
||||||
|
class SystemSettingsUpdate(SystemSettingsBase): pass
|
||||||
|
|
||||||
|
class SystemSettingsResponse(SystemSettingsBase):
|
||||||
|
class Config: from_attributes = True
|
||||||
|
|
||||||
class LoginRequest(BaseModel):
|
class LoginRequest(BaseModel):
|
||||||
username: str
|
username: str
|
||||||
password: str
|
password: str
|
||||||
|
|||||||
+106
-15
@@ -23,6 +23,12 @@
|
|||||||
|
|
||||||
<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">
|
||||||
|
|
||||||
|
<!-- TOAST NOTIFICATION TEMPORAIRE -->
|
||||||
|
<div v-if="toastVisible" class="fixed bottom-6 right-6 bg-gray-800 border-l-4 border-aethas-cyan text-gray-200 p-4 rounded shadow-[0_0_15px_rgba(6,182,212,0.3)] z-[200] flex items-center gap-3 transition-opacity duration-300">
|
||||||
|
<i data-lucide="check-circle" class="w-5 h-5 text-aethas-cyan"></i>
|
||||||
|
<span class="text-sm font-medium">{{ toastMessage }}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- MODAL ASSIGNATION MODÈLE -->
|
<!-- MODAL ASSIGNATION MODÈLE -->
|
||||||
<div v-if="isAssignModalOpen" class="fixed inset-0 bg-black/80 z-[100] flex items-center justify-center p-4">
|
<div v-if="isAssignModalOpen" class="fixed inset-0 bg-black/80 z-[100] flex items-center justify-center p-4">
|
||||||
<div class="bg-aethas-panel border border-gray-600 rounded-2xl w-full max-w-md overflow-hidden shadow-[0_0_30px_rgba(0,0,0,0.7)]">
|
<div class="bg-aethas-panel border border-gray-600 rounded-2xl w-full max-w-md overflow-hidden shadow-[0_0_30px_rgba(0,0,0,0.7)]">
|
||||||
@@ -65,7 +71,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- MODAL PARAMÈTRES -->
|
<!-- MODAL PARAMÈTRES (PROFIL) -->
|
||||||
<div v-if="isSettingsModalOpen" class="fixed inset-0 bg-black/80 z-[100] flex items-center justify-center p-4">
|
<div v-if="isSettingsModalOpen" class="fixed inset-0 bg-black/80 z-[100] flex items-center justify-center p-4">
|
||||||
<div class="bg-aethas-panel border border-gray-600 rounded-2xl w-full max-w-md overflow-hidden shadow-[0_0_30px_rgba(0,0,0,0.7)]">
|
<div class="bg-aethas-panel border border-gray-600 rounded-2xl w-full max-w-md overflow-hidden shadow-[0_0_30px_rgba(0,0,0,0.7)]">
|
||||||
<div class="p-4 border-b border-gray-700 flex justify-between items-center bg-gray-800/50">
|
<div class="p-4 border-b border-gray-700 flex justify-between items-center bg-gray-800/50">
|
||||||
@@ -242,8 +248,33 @@
|
|||||||
|
|
||||||
<div v-if="settingsTab === 'super' && user.is_superadmin" class="space-y-6">
|
<div v-if="settingsTab === 'super' && user.is_superadmin" class="space-y-6">
|
||||||
<div class="bg-gray-800 p-6 rounded-xl border border-gray-700 border-l-4 border-l-aethas-purple">
|
<div class="bg-gray-800 p-6 rounded-xl border border-gray-700 border-l-4 border-l-aethas-purple">
|
||||||
<h3 class="text-lg font-semibold text-purple-400 mb-4">Espace Réservé Super-Admin</h3>
|
<h3 class="text-lg font-semibold text-purple-400 mb-4">Espace Réservé Super-Admin - Clés API & SMTP</h3>
|
||||||
<p class="text-sm text-gray-400">Gestion globale du système.</p>
|
|
||||||
|
<div v-if="adminSettingsMessage" class="p-3 rounded text-sm mb-4 bg-gray-900 border border-aethas-purple text-purple-300">{{ adminSettingsMessage }}</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<!-- Clés API -->
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">OpenRouter API Key</label><input v-model="adminSettings.openrouter_api_key" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">OpenRouter Management Key</label><input v-model="adminSettings.openrouter_management_key" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">Gemini API Key</label><input v-model="adminSettings.gemini_api_key" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">Groq API Key</label><input v-model="adminSettings.groq_api_key" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">DeepSeek API Key</label><input v-model="adminSettings.deepseek_api_key" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">Mistral API Key</label><input v-model="adminSettings.mistral_api_key" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">HuggingFace API Key</label><input v-model="adminSettings.huggingface_api_key" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">Cloudflare Account ID</label><input v-model="adminSettings.cloudflare_account_id" type="text" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">Cloudflare API Token</label><input v-model="adminSettings.cloudflare_api_token" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
|
||||||
|
<!-- SMTP -->
|
||||||
|
<div class="col-span-1 md:col-span-2 mt-2 border-t border-gray-700 pt-4"><h4 class="text-sm font-semibold text-gray-300 mb-2">Configuration SMTP</h4></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">SMTP Host</label><input v-model="adminSettings.smtp_host" type="text" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">SMTP Port</label><input v-model.number="adminSettings.smtp_port" type="number" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">SMTP User</label><input v-model="adminSettings.smtp_user" type="text" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
<div><label class="block text-xs text-gray-400 mb-1">SMTP Password</label><input v-model="adminSettings.smtp_password" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded p-2 text-sm text-gray-200 focus:border-aethas-purple outline-none"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button @click="saveAdminSettings" :disabled="isSavingAdminSettings" class="mt-6 w-full bg-aethas-purple hover:bg-purple-600 text-white font-bold py-2 rounded transition-colors disabled:opacity-50">
|
||||||
|
Sauvegarder la configuration
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -308,7 +339,6 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="model in filteredModels" :key="model.model_id" class="border-b border-gray-700 hover:bg-gray-800/50 transition-colors">
|
<tr v-for="model in filteredModels" :key="model.model_id" class="border-b border-gray-700 hover:bg-gray-800/50 transition-colors">
|
||||||
<!-- PUCE DE SELECTION -->
|
|
||||||
<td class="px-4 py-3 text-center">
|
<td class="px-4 py-3 text-center">
|
||||||
<input type="radio" name="modelSelect" @click.prevent="openAssignModal(model.model_id)" class="w-4 h-4 text-aethas-cyan bg-gray-900 border-gray-600 focus:ring-aethas-cyan cursor-pointer">
|
<input type="radio" name="modelSelect" @click.prevent="openAssignModal(model.model_id)" class="w-4 h-4 text-aethas-cyan bg-gray-900 border-gray-600 focus:ring-aethas-cyan cursor-pointer">
|
||||||
</td>
|
</td>
|
||||||
@@ -349,17 +379,21 @@
|
|||||||
<div v-if="part.type === 'code'" class="my-4 bg-gray-900 rounded-lg border border-gray-700 overflow-hidden shadow-inner">
|
<div v-if="part.type === 'code'" class="my-4 bg-gray-900 rounded-lg border border-gray-700 overflow-hidden shadow-inner">
|
||||||
<div class="flex justify-between items-center px-4 py-2 bg-gray-800 border-b border-gray-700">
|
<div class="flex justify-between items-center px-4 py-2 bg-gray-800 border-b border-gray-700">
|
||||||
<span class="text-xs text-gray-400 font-mono flex items-center gap-2"><i data-lucide="file-code-2" class="w-4 h-4"></i> {{ part.language || 'code' }}</span>
|
<span class="text-xs text-gray-400 font-mono flex items-center gap-2"><i data-lucide="file-code-2" class="w-4 h-4"></i> {{ part.language || 'code' }}</span>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<!-- BOUTON COPIER CODE (NOUVEAU) -->
|
||||||
|
<button @click="copyToClipboard(part.content)" class="text-aethas-cyan hover:text-white flex items-center gap-1 text-xs transition-colors bg-gray-700 hover:bg-gray-600 px-2 py-1 rounded mr-2"><i data-lucide="copy" class="w-3 h-3"></i> Copier Code</button>
|
||||||
<button @click="downloadFile(part.content, part.language)" class="text-aethas-cyan hover:text-white flex items-center gap-1 text-xs transition-colors bg-gray-700 hover:bg-gray-600 px-2 py-1 rounded"><i data-lucide="download" class="w-3 h-3"></i> Fichier</button>
|
<button @click="downloadFile(part.content, part.language)" class="text-aethas-cyan hover:text-white flex items-center gap-1 text-xs transition-colors bg-gray-700 hover:bg-gray-600 px-2 py-1 rounded"><i data-lucide="download" class="w-3 h-3"></i> Fichier</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<pre class="p-4 text-xs font-mono text-gray-300 overflow-x-auto custom-scrollbar"><code>{{ part.content }}</code></pre>
|
<pre class="p-4 text-xs font-mono text-gray-300 overflow-x-auto custom-scrollbar"><code>{{ part.content }}</code></pre>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Boutons de copie et téléchargement individuel -->
|
<!-- Boutons de copie et téléchargement individuel du message -->
|
||||||
<div class="mt-3 flex items-center gap-3 border-t border-gray-700/50 pt-2 opacity-50 hover:opacity-100 transition-opacity">
|
<div class="mt-3 flex items-center gap-3 border-t border-gray-700/50 pt-2 opacity-50 hover:opacity-100 transition-opacity">
|
||||||
<button @click="copyToClipboard(msg.content)" class="text-xs text-gray-400 hover:text-aethas-cyan flex items-center gap-1"><i data-lucide="copy" class="w-3 h-3"></i> Copier</button>
|
<button @click="copyToClipboard(msg.content)" class="text-xs text-gray-400 hover:text-aethas-cyan flex items-center gap-1"><i data-lucide="copy" class="w-3 h-3"></i> Copier Message</button>
|
||||||
<button @click="downloadMessage(msg.content, msg.created_at || new Date().toISOString())" class="text-xs text-gray-400 hover:text-aethas-cyan flex items-center gap-1"><i data-lucide="file-down" class="w-3 h-3"></i> Extraire</button>
|
<button @click="downloadMessage(msg.content, msg.created_at || new Date().toISOString())" class="text-xs text-gray-400 hover:text-aethas-cyan flex items-center gap-1"><i data-lucide="file-down" class="w-3 h-3"></i> Extraire Message</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -509,16 +543,30 @@
|
|||||||
const isLoading = ref(false);
|
const isLoading = ref(false);
|
||||||
const isAiThinking = ref(false);
|
const isAiThinking = ref(false);
|
||||||
const isSyncing = ref(false);
|
const isSyncing = ref(false);
|
||||||
const isSavingSettings = ref(false);
|
|
||||||
|
// TOAST (Non bloquant)
|
||||||
|
const toastVisible = ref(false);
|
||||||
|
const toastMessage = ref("");
|
||||||
|
const showToast = (msg) => {
|
||||||
|
toastMessage.value = msg;
|
||||||
|
toastVisible.value = true;
|
||||||
|
setTimeout(() => { toastVisible.value = false; }, 5000); // Disparaît après 5 secondes
|
||||||
|
};
|
||||||
|
|
||||||
const isAssignModalOpen = ref(false);
|
const isAssignModalOpen = ref(false);
|
||||||
const assignForm = reactive({ modelId: '', projectId: '', role: 'worker1' });
|
const assignForm = reactive({ modelId: '', projectId: '', role: 'worker1' });
|
||||||
const assignMessage = ref("");
|
const assignMessage = ref("");
|
||||||
|
|
||||||
const isSettingsModalOpen = ref(false); // Ajout crucial : initialisation de la variable du modal paramètres
|
const isSettingsModalOpen = ref(false);
|
||||||
|
|
||||||
|
// FORMULAIRES SETTINGS
|
||||||
const passForm = reactive({ old: '', new: '', confirm: '' });
|
const passForm = reactive({ old: '', new: '', confirm: '' });
|
||||||
const settingsMessage = ref("");
|
const settingsMessage = ref("");
|
||||||
|
const isSavingSettings = ref(false);
|
||||||
|
|
||||||
|
const adminSettings = reactive({});
|
||||||
|
const adminSettingsMessage = ref("");
|
||||||
|
const isSavingAdminSettings = ref(false);
|
||||||
|
|
||||||
const modelInfo = reactive({ last_sync_date: null, last_sync_type: null, models: [] });
|
const modelInfo = reactive({ last_sync_date: null, last_sync_type: null, models: [] });
|
||||||
const financesList = ref([]);
|
const financesList = ref([]);
|
||||||
@@ -591,9 +639,39 @@
|
|||||||
const autoResize = () => { const el = promptTextarea.value; if(el){ el.style.height = 'auto'; el.style.height = el.scrollHeight + 'px'; }};
|
const autoResize = () => { const el = promptTextarea.value; if(el){ el.style.height = 'auto'; el.style.height = el.scrollHeight + 'px'; }};
|
||||||
const scrollToBottom = () => { nextTick(() => { const c = document.getElementById('chat-container'); if (c) c.scrollTop = c.scrollHeight; }); };
|
const scrollToBottom = () => { nextTick(() => { const c = document.getElementById('chat-container'); if (c) c.scrollTop = c.scrollHeight; }); };
|
||||||
|
|
||||||
|
const fetchAdminSettings = async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetch('/api/settings');
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
Object.assign(adminSettings, data);
|
||||||
|
}
|
||||||
|
} catch(e) {}
|
||||||
|
};
|
||||||
|
|
||||||
|
const saveAdminSettings = async () => {
|
||||||
|
isSavingAdminSettings.value = true;
|
||||||
|
adminSettingsMessage.value = "";
|
||||||
|
try {
|
||||||
|
const res = await fetch('/api/settings', {
|
||||||
|
method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(adminSettings)
|
||||||
|
});
|
||||||
|
if (res.ok) {
|
||||||
|
adminSettingsMessage.value = "Paramètres sauvegardés avec succès.";
|
||||||
|
setTimeout(() => adminSettingsMessage.value="", 3000);
|
||||||
|
} else {
|
||||||
|
adminSettingsMessage.value = "Erreur lors de la sauvegarde.";
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
adminSettingsMessage.value = "Erreur réseau.";
|
||||||
|
}
|
||||||
|
isSavingAdminSettings.value = false;
|
||||||
|
};
|
||||||
|
|
||||||
const openSettings = () => {
|
const openSettings = () => {
|
||||||
activeView.value = 'settings';
|
activeView.value = 'settings';
|
||||||
if(window.innerWidth < 768) isSidebarOpen.value = false;
|
if(window.innerWidth < 768) isSidebarOpen.value = false;
|
||||||
|
if(user.value.is_superadmin) fetchAdminSettings();
|
||||||
nextTick(() => lucide.createIcons());
|
nextTick(() => lucide.createIcons());
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -726,7 +804,7 @@
|
|||||||
if(res.ok) {
|
if(res.ok) {
|
||||||
await fetchModelsInfo();
|
await fetchModelsInfo();
|
||||||
await fetchFinances();
|
await fetchFinances();
|
||||||
alert("Synchronisation réussie !");
|
showToast("Synchronisation réussie !");
|
||||||
} else if (res.status === 401) {
|
} else if (res.status === 401) {
|
||||||
alert("Votre session a expiré."); window.location.href = '/login';
|
alert("Votre session a expiré."); window.location.href = '/login';
|
||||||
} else {
|
} else {
|
||||||
@@ -799,7 +877,7 @@
|
|||||||
selectedConcatenator.value = extractModel('Concateneur');
|
selectedConcatenator.value = extractModel('Concateneur');
|
||||||
|
|
||||||
await validateConfigAndReplace();
|
await validateConfigAndReplace();
|
||||||
alert("Configuration IA importée et appliquée avec succès !");
|
showToast("Configuration IA importée et appliquée avec succès !");
|
||||||
};
|
};
|
||||||
reader.readAsText(file);
|
reader.readAsText(file);
|
||||||
event.target.value = null;
|
event.target.value = null;
|
||||||
@@ -868,7 +946,14 @@
|
|||||||
const removeFile = (index) => { attachedFiles.value.splice(index, 1); };
|
const removeFile = (index) => { attachedFiles.value.splice(index, 1); };
|
||||||
|
|
||||||
const exportProject = (format) => { if(activeProject.value) window.open(`/api/projects/${activeProject.value.id}/export?format=${format}`, '_blank'); };
|
const exportProject = (format) => { if(activeProject.value) window.open(`/api/projects/${activeProject.value.id}/export?format=${format}`, '_blank'); };
|
||||||
const copyToClipboard = async (text) => { try { await navigator.clipboard.writeText(text); alert("Copié !"); } catch (e) {} };
|
|
||||||
|
// COPIE REMPLACEE PAR UN TOAST (NON BLOQUANT)
|
||||||
|
const copyToClipboard = async (text) => {
|
||||||
|
try {
|
||||||
|
await navigator.clipboard.writeText(text);
|
||||||
|
showToast("Texte copié dans le presse-papier !");
|
||||||
|
} catch (e) {}
|
||||||
|
};
|
||||||
|
|
||||||
const downloadFile = (content, hint, mimeType = 'text/plain;charset=utf-8') => {
|
const downloadFile = (content, hint, mimeType = 'text/plain;charset=utf-8') => {
|
||||||
let fname = hint ? hint.trim() : 'code.txt';
|
let fname = hint ? hint.trim() : 'code.txt';
|
||||||
@@ -939,8 +1024,12 @@
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const userText = prompt.value.trim();
|
const userText = prompt.value.trim();
|
||||||
|
|
||||||
|
// REINITIALISATION DE LA HAUTEUR DU TEXTAREA
|
||||||
prompt.value = "";
|
prompt.value = "";
|
||||||
autoResize();
|
nextTick(() => {
|
||||||
|
if (promptTextarea.value) promptTextarea.value.style.height = 'auto';
|
||||||
|
});
|
||||||
|
|
||||||
const fileNames = attachedFiles.value.map(f => f.name).join(", ");
|
const fileNames = attachedFiles.value.map(f => f.name).join(", ");
|
||||||
messages.value.push({ id: Date.now(), role: 'user', content: userText + (attachedFiles.value.length > 0 ? `\n[Fichiers joints: ${fileNames}]` : "") });
|
messages.value.push({ id: Date.now(), role: 'user', content: userText + (attachedFiles.value.length > 0 ? `\n[Fichiers joints: ${fileNames}]` : "") });
|
||||||
@@ -1015,12 +1104,14 @@
|
|||||||
projects, pinnedProjects, recentProjects, activeProject, messages, isAiThinking,
|
projects, pinnedProjects, recentProjects, activeProject, messages, isAiThinking,
|
||||||
createNewProject, selectProject, renameProject, sendMessage, isLoading, togglePin, deleteProject,
|
createNewProject, selectProject, renameProject, sendMessage, isLoading, togglePin, deleteProject,
|
||||||
openSettings, closeSettings, passForm, settingsMessage, isSavingSettings, changePassword, uploadAvatar,
|
openSettings, closeSettings, passForm, settingsMessage, isSavingSettings, changePassword, uploadAvatar,
|
||||||
|
adminSettings, adminSettingsMessage, isSavingAdminSettings, saveAdminSettings,
|
||||||
modelInfo, financesList, filterSearch, filterDomain, filterPricing, filterProvider, uniqueProviders, filteredModels, getFilteredModelsForCol, formatDate, syncModels, isSyncing,
|
modelInfo, financesList, filterSearch, filterDomain, filterPricing, filterProvider, uniqueProviders, filteredModels, getFilteredModelsForCol, formatDate, syncModels, isSyncing,
|
||||||
workers, selectedPrompter, selectedConcatenator, colPricing, colDomain, downloadTemplate, exportCSV, handleConfigImport,
|
workers, selectedPrompter, selectedConcatenator, colPricing, colDomain, downloadTemplate, exportCSV, handleConfigImport,
|
||||||
isAssignModalOpen, openAssignModal, closeAssignModal, assignForm, assignMessage, confirmAssignModel,
|
isAssignModalOpen, openAssignModal, closeAssignModal, assignForm, assignMessage, confirmAssignModel,
|
||||||
isSettingsModalOpen, // EXPORTATION OBLIGATOIRE DE LA VARIABLE ICI
|
isSettingsModalOpen,
|
||||||
attachedFiles, handleFileUpload, handlePaste, removeFile,
|
attachedFiles, handleFileUpload, handlePaste, removeFile,
|
||||||
exportProject, copyToClipboard, downloadFile, downloadMessage, parseMessage, systemLogs
|
exportProject, copyToClipboard, downloadFile, downloadMessage, parseMessage, systemLogs,
|
||||||
|
toastVisible, toastMessage, showToast
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}).mount('#app');
|
}).mount('#app');
|
||||||
|
|||||||
Reference in new issue
Block a user