' +
'
' +
'
' +
@@ -54,15 +140,23 @@
etatEl = root.querySelector(".draco-panneau-etat");
inputEl = root.querySelector("input");
sendBtn = root.querySelector("button[type=submit]");
+ titreEl = root.querySelector(".d-titre");
+ tiroirEl = root.querySelector(".draco-discussions");
root.querySelector(".fermer").addEventListener("click", fermer);
+ root.querySelector('[data-disc="liste"]').addEventListener("click", basculerTiroir);
+ root.querySelector('[data-disc="nouvelle"]').addEventListener("click", nouvelleDiscussion);
root.querySelector('[data-outil="aujourdhui"]').addEventListener("click", chargerAujourdhui);
root.querySelector('[data-outil="approbations"]').addEventListener("click", chargerApprobations);
root.querySelector('[data-outil="missions"]').addEventListener("click", ouvrirMissions);
root.querySelector("form").addEventListener("submit", envoyer);
+ brancherPoignee(root.querySelector(".draco-poignee"));
+ appliquerTheme();
+ surveillerTheme();
+ appliquerLargeur();
+ window.addEventListener("resize", appliquerLargeur);
document.addEventListener("keydown", function (ev) {
if (ev.key === "Escape" && root.classList.contains("open")) fermer();
});
- ajouterMsg("sys", "Conversation avec le service d'agents — domaine : " + domaine() + ".");
}
function ajouterMsg(kind, texte) {
@@ -74,10 +168,26 @@
return d;
}
+ /* Message agent rendu en Markdown : le HTML vient du service
+ * (rendu + sanitizer côté serveur) ; repli texte si absent. */
+ function ajouterMsgMd(texte, html) {
+ var d = document.createElement("div");
+ d.className = "draco-msg agent md";
+ if (html) d.innerHTML = html;
+ else d.textContent = texte;
+ msgsEl.appendChild(d);
+ msgsEl.scrollTop = msgsEl.scrollHeight;
+ return d;
+ }
+
function majEtat(cls, texte) {
etatEl.className = "draco-panneau-hd draco-panneau-etat " + cls;
etatEl.querySelector(".txt").textContent = texte;
}
+ function majTitre() {
+ titreEl.textContent = convTitre || "Discussion principale";
+ titreEl.title = titreEl.textContent;
+ }
function verifierIdentite() {
if (etatConnu) return;
@@ -109,6 +219,200 @@
});
}
+ /* ── Discussions (façon Muse) ────────────────────────────── */
+ function chargerListeDiscussions() {
+ return fetch(API + "/api/v1/conversations?domain=" + encodeURIComponent(domaine()),
+ { credentials: "include" })
+ .then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); });
+ }
+
+ function demarrerDiscussions() {
+ chargerListeDiscussions()
+ .then(function (d) {
+ var precedente = convStockee();
+ var candidates = (d.paralleles || []).concat(d.principale ? [d.principale] : []);
+ var trouvee = candidates.filter(function (c) { return c.id === precedente; })[0];
+ var active = trouvee || d.principale;
+ if (!active) return;
+ convId = active.id; convKind = active.kind; convTitre = active.title;
+ stockerConv(); majTitre();
+ chargerHistorique();
+ })
+ .catch(function () {
+ ajouterMsg("sys", "Discussions : service injoignable pour le moment.");
+ });
+ }
+
+ function basculerDiscussion(c) {
+ convId = c.id; convKind = c.kind; convTitre = c.title;
+ stockerConv(); majTitre();
+ tiroirEl.hidden = true;
+ msgsEl.innerHTML = "";
+ ajouterMsg("sys", (c.kind === "principale"
+ ? "Discussion principale — le fil sans fin."
+ : "Discussion parallèle : " + c.title) + " · domaine : " + domaine() + ".");
+ chargerHistorique();
+ inputEl.focus();
+ }
+
+ function nouvelleDiscussion() {
+ fetch(API + "/api/v1/conversations", {
+ method: "POST", credentials: "include",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ domain: domaine() })
+ })
+ .then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); })
+ .then(function (c) {
+ basculerDiscussion(c);
+ ajouterMsg("sys", "Nouvelle discussion parallèle créée — elle prendra le titre de ton premier message.");
+ })
+ .catch(function () { ajouterMsg("sys", "Création impossible (service injoignable ?)."); });
+ }
+
+ function actionDiscussion(id, action) {
+ var methode = action === "supprimer" ? "DELETE" : "POST";
+ var url = API + "/api/v1/conversations/" + id + (action === "supprimer" ? "" : "/" + action);
+ return fetch(url, { method: methode, credentials: "include" })
+ .then(function (r) {
+ if (!r.ok) return r.json().catch(function () { return null; }).then(function (e) {
+ throw new Error(e && e.detail ? e.detail : "HTTP " + r.status);
+ });
+ return r.json();
+ });
+ }
+
+ function ligneDiscussion(c, actions) {
+ var ligne = document.createElement("div");
+ ligne.className = "d-item" + (c.id === convId ? " actif" : "");
+ var meta = document.createElement("div");
+ meta.className = "d-meta";
+ var quand = "";
+ try {
+ quand = new Date(c.updated_at * 1000).toLocaleDateString("fr-CA",
+ { day: "numeric", month: "short" });
+ } catch (e) { /* date illisible */ }
+ meta.textContent = (c.kind === "principale" ? "📌 " : "") + c.title;
+ ligne.appendChild(meta);
+ var sous = document.createElement("div");
+ sous.className = "d-sous";
+ sous.textContent = c.nb_messages + " message(s)" + (quand ? " · " + quand : "") +
+ (c.kind === "principale" ? " · perpétuelle" : "");
+ ligne.appendChild(sous);
+ meta.addEventListener("click", function () { basculerDiscussion(c); });
+ sous.addEventListener("click", function () { basculerDiscussion(c); });
+ if (actions && actions.length) {
+ var btns = document.createElement("div");
+ btns.className = "d-actions";
+ actions.forEach(function (a) {
+ var b = document.createElement("button");
+ b.type = "button"; b.textContent = a.label;
+ if (a.danger) b.className = "danger";
+ b.addEventListener("click", function (ev) {
+ ev.stopPropagation();
+ if (a.confirmer && !window.confirm(a.confirmer)) return;
+ actionDiscussion(c.id, a.action)
+ .then(function () {
+ if (c.id === convId && a.action !== "desarchiver") {
+ chargerListeDiscussions().then(function (d) {
+ if (d.principale) {
+ basculerDiscussion(d.principale);
+ ajouterMsg("sys", a.action === "supprimer"
+ ? "Discussion supprimée — retour à la discussion principale."
+ : "Discussion archivée — retour à la discussion principale.");
+ }
+ });
+ }
+ remplirTiroir();
+ })
+ .catch(function (e) { ajouterMsg("sys", "Action refusée : " + e.message); });
+ });
+ btns.appendChild(b);
+ });
+ ligne.appendChild(btns);
+ }
+ return ligne;
+ }
+
+ function remplirTiroir() {
+ tiroirEl.innerHTML = "
Chargement des discussions…
";
+ chargerListeDiscussions()
+ .then(function (d) {
+ tiroirEl.innerHTML = "";
+ var h = document.createElement("div");
+ h.className = "d-section";
+ h.textContent = "Discussion principale";
+ tiroirEl.appendChild(h);
+ if (d.principale) tiroirEl.appendChild(ligneDiscussion(d.principale, []));
+ h = document.createElement("div");
+ h.className = "d-section";
+ h.textContent = "Discussions parallèles";
+ tiroirEl.appendChild(h);
+ if (!d.paralleles.length) {
+ var vide = document.createElement("div");
+ vide.className = "d-vide";
+ vide.textContent = "Aucune pour le moment — bouton « ＋ Nouvelle ».";
+ tiroirEl.appendChild(vide);
+ }
+ d.paralleles.forEach(function (c) {
+ tiroirEl.appendChild(ligneDiscussion(c, [
+ { label: "Archiver", action: "archive" },
+ { label: "Supprimer", action: "supprimer", danger: true,
+ confirmer: "Supprimer définitivement la discussion « " + c.title + " » ?" }
+ ]));
+ });
+ if (d.archivees && d.archivees.length) {
+ h = document.createElement("div");
+ h.className = "d-section";
+ h.textContent = "Archivées";
+ tiroirEl.appendChild(h);
+ d.archivees.forEach(function (c) {
+ tiroirEl.appendChild(ligneDiscussion(c, [
+ { label: "Désarchiver", action: "desarchiver" },
+ { label: "Supprimer", action: "supprimer", danger: true,
+ confirmer: "Supprimer définitivement la discussion « " + c.title + " » ?" }
+ ]));
+ });
+ }
+ })
+ .catch(function () {
+ tiroirEl.innerHTML = "
Discussions : service injoignable.
";
+ });
+ }
+
+ function basculerTiroir() {
+ tiroirEl.hidden = !tiroirEl.hidden;
+ if (!tiroirEl.hidden) remplirTiroir();
+ }
+
+ function chargerHistorique() {
+ if (!convId) return;
+ fetch(API + "/api/v1/conversations/" + convId, { credentials: "include" })
+ .then(function (r) {
+ if (r.status === 404) { convId = null; stockerConv(); return null; }
+ if (!r.ok) return null;
+ return r.json();
+ })
+ .then(function (d) {
+ if (!d) return;
+ convKind = d.kind; convTitre = d.title || convTitre;
+ majTitre();
+ if (!msgsEl.querySelector(".draco-msg")) {
+ ajouterMsg("sys", (d.kind === "principale"
+ ? "Discussion principale — le fil sans fin."
+ : "Discussion parallèle : " + (d.title || "")) + " · domaine : " + domaine() + ".");
+ }
+ var sys = msgsEl.querySelector(".draco-msg.sys");
+ (d.messages || []).forEach(function (m) {
+ var el = m.role === "user"
+ ? ajouterMsg("user", m.content)
+ : ajouterMsgMd(m.content, m.html);
+ if (sys) { msgsEl.insertBefore(el, sys.nextSibling); sys = el; }
+ });
+ msgsEl.scrollTop = msgsEl.scrollHeight;
+ })
+ .catch(function () { /* historique indisponible : on repart à neuf */ });
+ }
+
function chargerAujourdhui() {
var bloc = document.createElement("div");
bloc.className = "draco-auj";
@@ -178,7 +482,7 @@
.then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); })
.then(function (d) {
bloc.style.opacity = ".55";
- bloc.querySelector(".btns").innerHTML = "
Décision enregistrée : " + esc(d.status) + "";
+ bloc.querySelector(".btns").innerHTML = "
Décision enregistrée : " + esc(d.status) + "";
})
.catch(function () { ajouterMsg("sys", "La décision n'a pas pu être envoyée (service injoignable ?)."); });
}
@@ -239,12 +543,24 @@
d.missions.slice(0, 10).forEach(function (m) {
var ligne = document.createElement("div");
ligne.className = "m-item";
- var rapport = m.result ? "
" + esc(String(m.result).slice(0, 700)) + "
" : "";
- ligne.innerHTML = "
" + esc(m.title) + "" +
- "" + esc(STATUTS_MISSION[m.status] || m.status) + "
" +
- "
" + esc(m.executor) +
- (m.meta && m.meta.duree_s ? " · " + esc(m.meta.duree_s) + " s" : "") +
- (m.meta && m.meta.cout ? " · coût : " + esc(m.meta.cout) : "") + "
" + rapport;
+ var entete = document.createElement("div");
+ entete.className = "m-entete";
+ entete.innerHTML = "
" + esc(m.title) + "" +
+ "
" + esc(STATUTS_MISSION[m.status] || m.status) + "";
+ ligne.appendChild(entete);
+ var meta = document.createElement("div");
+ meta.className = "m-meta";
+ meta.textContent = m.executor +
+ (m.meta && m.meta.duree_s ? " · " + m.meta.duree_s + " s" : "") +
+ (m.meta && m.meta.cout ? " · coût : " + m.meta.cout : "");
+ ligne.appendChild(meta);
+ if (m.result) {
+ var rapport = document.createElement("div");
+ rapport.className = "m-rapport md";
+ if (m.result_html) rapport.innerHTML = m.result_html;
+ else rapport.textContent = String(m.result).slice(0, 1200);
+ ligne.appendChild(rapport);
+ }
if (m.status === "queued" || m.status === "running" || m.status === "paused_question") {
var btn = document.createElement("button");
btn.type = "button"; btn.className = "m-annuler"; btn.textContent = "Annuler";
@@ -290,31 +606,6 @@
.catch(function (e) { ajouterMsg("sys", "Lancement refusé : " + e.message); });
}
- function chargerHistorique() {
- if (historiqueCharge || !convId) return;
- historiqueCharge = true;
- fetch(API + "/api/v1/conversations/" + convId, { credentials: "include" })
- .then(function (r) {
- if (r.status === 404) {
- convId = null;
- try { sessionStorage.removeItem("draco_panneau_conv"); } catch (e) { /* ok */ }
- return null;
- }
- if (!r.ok) return null;
- return r.json();
- })
- .then(function (d) {
- if (!d || !d.messages || !d.messages.length) return;
- var sys = msgsEl.querySelector(".draco-msg.sys");
- d.messages.forEach(function (m) {
- var el = ajouterMsg(m.role === "user" ? "user" : "agent", m.content);
- if (sys) msgsEl.insertBefore(el, sys.nextSibling), sys = el;
- });
- msgsEl.scrollTop = msgsEl.scrollHeight;
- })
- .catch(function () { /* historique indisponible : la conversation repart à neuf */ });
- }
-
function envoyer(ev) {
ev.preventDefault();
var texte = inputEl.value.trim();
@@ -347,8 +638,16 @@
.then(function (d) {
if (!d) return;
convId = d.conversation_id;
- try { sessionStorage.setItem("draco_panneau_conv", convId); } catch (e) { /* ok */ }
- attente.textContent = d.reply;
+ convKind = d.kind || convKind;
+ if (d.title) convTitre = d.title;
+ stockerConv(); majTitre();
+ if (d.html) {
+ attente.className = "draco-msg agent md";
+ attente.innerHTML = d.html;
+ } else {
+ attente.textContent = d.reply;
+ }
+ msgsEl.scrollTop = msgsEl.scrollHeight;
if (d.tools_used && d.tools_used.length) {
ajouterMsg("sys", "Outils utilisés : " + d.tools_used.join(", ") + " · modèle : " + (d.model || "?"));
}
@@ -362,10 +661,10 @@
}
function ouvrir() {
- if (!root) construire();
+ if (!root) { construire(); demarrerDiscussions(); }
root.classList.add("open");
+ appliquerTheme();
verifierIdentite();
- chargerHistorique();
setTimeout(function () { inputEl.focus(); }, 300);
}
function fermer() { if (root) root.classList.remove("open"); }