Groupe KA — site du holding + KA ID (compte unique & SSO des 7 plateformes). Next.js 16, SQLite, Google & Apple login.
TypeScript 70.4%
HTML 18.4%
JavaScript 4%
Python 3.8%
CSS 3.4%
1/* Auteur : Simon-Pierre Boucher — contact@spboucher.ai2 * ka-ui/agent/ka-agent.js — KA AGENT : widget de chat commun de l'écosystème3 * Groupe KA. Vanilla JS, zéro dépendance, injecté sur les 13 sites.4 * <script>window.KA_AGENT={site:"lou-ka"}</script>5 * <script src="/ka-agent.js" defer></script>6 * v2 (2026-08-19) : ouverture directement PLEIN ÉCRAN (desktop et mobile,7 * bouton ▭ pour réduire en fenêtre sur desktop) ; sur téléphone le panneau se8 * cale sur window.visualViewport (le clavier ne fait plus grossir/défiler la9 * page — fond verrouillé par body position:fixed) ; rendu MARKDOWN complet en10 * streaming (titres, listes, tableaux, code, liens nommés, citations).11 * Flux SSE en direct depuis le backend central (texte token par token +12 * indicateur d'outil). Historique conservé en localStorage (par site).13 * v3 (2026-08-22) : bulle DÉPLAÇABLE au doigt/à la souris (pointer events,14 * seuil 6 px pour distinguer clic et glisser, bornée aux marges de l'écran,15 * position mémorisée par site en localStorage, re-bornée au resize) ; en mode16 * fenêtré le panneau s'ancre du côté où se trouve la bulle.17 * v4 (2026-08-25) : CARTES d'annonces cliquables (bloc ```ka-card — un JSON18 * par ligne : site/titre/sous_titre/prix/badge/image/lien) rendues aux19 * couleurs de la plateforme visée (palette écosystème embarquée), et CHOIX20 * de clarification (bloc ```ka-choix — {question, options[]}) rendus en21 * boutons : un clic envoie l'option comme message ; seuls les boutons de la22 * dernière bulle assistante restent actifs.23 * v4.2 (2026-08-25) : extraction des cartes/choix par ÉQUILIBRAGE D'ACCOLADES24 * (jsonObjects) — tous les objets JSON d'un bloc sont trouvés quelle que soit25 * la mise en forme (une ligne, aéré, tableau) et un bloc tronqué en plein26 * streaming rend toutes ses cartes complètes au lieu d'une seule.27 */28(function () {29 "use strict";30 var CFG = window.KA_AGENT || {};31 var SITE = CFG.site || "groupe-ka";32 var ENDPOINT = CFG.endpoint || "https://www.api-ka.com/api/agent/chat";33 var KEY = "ka-agent-" + SITE;34 var MAXLOG = 20;3536 /* ---------- styles ---------- */37 var css = `38 .kaa-btn{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2147483000;width:58px;height:58px;39 border-radius:50%;border:2px solid var(--ink,#141814);background:var(--accent,#d9f26b);40 color:var(--on-accent,#141814);font:700 17px/1 "Space Grotesk",system-ui,sans-serif;41 cursor:pointer;box-shadow:4px 4px 0 rgba(20,24,20,.85);display:flex;align-items:center;42 justify-content:center;transition:transform .15s;touch-action:none}43 .kaa-btn:hover{transform:translate(-2px,-2px)}44 .kaa-btn.kaa-drag{transition:none;cursor:grabbing}45 .kaa-btn.kaa-drag:hover{transform:none}46 .kaa-panel{position:fixed;z-index:2147483001;display:none;flex-direction:column;background:var(--paper,#f5f3ee);47 overflow:hidden;font-family:Inter,system-ui,sans-serif;touch-action:manipulation}48 .kaa-panel.kaa-open{display:flex}49 .kaa-panel.kaa-full{left:0;top:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none}50 .kaa-panel:not(.kaa-full){right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:min(392px,calc(100vw - 24px));51 height:min(580px,calc(100vh - 110px));height:min(580px,calc(100dvh - 110px));52 border:2px solid var(--ink,#141814);border-radius:14px;box-shadow:8px 8px 0 rgba(20,24,20,.85)}53 .kaa-panel.kaa-left:not(.kaa-full){right:auto;left:16px}54 html.kaa-lock,html.kaa-lock body{overflow:hidden!important;overscroll-behavior:none;touch-action:none}55 .kaa-head{display:flex;align-items:center;gap:9px;padding:11px 14px;background:var(--ink,#141814);56 color:var(--paper,#f5f3ee);flex:none;padding-top:max(11px,env(safe-area-inset-top,0px))}57 .kaa-head b{font:700 15px "Space Grotesk",system-ui,sans-serif;letter-spacing:-.02em}58 .kaa-head .kaa-ka{display:inline-block;background:var(--accent,#d9f26b);color:var(--on-accent,#141814);59 border-radius:6px;padding:1px 7px 2px;transform:rotate(-2deg);font-weight:700}60 .kaa-head small{font:700 9.5px "JetBrains Mono",monospace;letter-spacing:.09em;text-transform:uppercase;opacity:.65}61 .kaa-head .kaa-sp{flex:1}62 .kaa-hbtn{width:34px;height:34px;border:1.5px solid rgba(245,243,238,.4);border-radius:8px;background:none;63 color:var(--paper,#f5f3ee);font-size:15px;cursor:pointer;line-height:1;flex:none}64 .kaa-hbtn:hover{border-color:var(--accent,#d9f26b);color:var(--accent,#d9f26b)}65 .kaa-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;66 overscroll-behavior:contain;-webkit-overflow-scrolling:touch}67 .kaa-msg{max-width:86%;padding:9px 13px;border:1.5px solid var(--ink,#141814);border-radius:12px;68 font-size:13.5px;line-height:1.55;word-break:break-word}69 .kaa-full .kaa-msg{max-width:min(86%,760px)}70 .kaa-full .kaa-log{align-items:stretch}71 .kaa-msg.kaa-u{align-self:flex-end;background:var(--accent,#d9f26b);color:var(--on-accent,#141814);72 border-bottom-right-radius:4px;white-space:pre-wrap}73 .kaa-msg.kaa-a{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:3px 3px 0 rgba(20,24,20,.12)}74 .kaa-msg.kaa-a a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}75 .kaa-msg.kaa-a p{margin:.35em 0}76 .kaa-msg.kaa-a p:first-child{margin-top:0}77 .kaa-msg.kaa-a p:last-child{margin-bottom:0}78 .kaa-msg.kaa-a h1,.kaa-msg.kaa-a h2,.kaa-msg.kaa-a h3,.kaa-msg.kaa-a h4{79 font:700 14px "Space Grotesk",system-ui,sans-serif;letter-spacing:-.01em;margin:.7em 0 .3em}80 .kaa-msg.kaa-a h1:first-child,.kaa-msg.kaa-a h2:first-child,.kaa-msg.kaa-a h3:first-child,.kaa-msg.kaa-a h4:first-child{margin-top:.1em}81 .kaa-msg.kaa-a h1{font-size:15.5px}.kaa-msg.kaa-a h2{font-size:14.5px}82 .kaa-msg.kaa-a ul,.kaa-msg.kaa-a ol{margin:.35em 0;padding-left:1.35em}83 .kaa-msg.kaa-a li{margin:.18em 0}84 .kaa-msg.kaa-a code{font:600 12px "JetBrains Mono",monospace;background:var(--surface-2,#f0eee7);85 border:1px solid rgba(20,24,20,.15);border-radius:5px;padding:.5px 4px}86 .kaa-msg.kaa-a pre{margin:.45em 0;padding:9px 11px;background:var(--ink,#141814);color:var(--paper,#f5f3ee);87 border-radius:9px;overflow-x:auto}88 .kaa-msg.kaa-a pre code{background:none;border:0;color:inherit;padding:0;font-weight:400;font-size:11.5px;line-height:1.5}89 .kaa-msg.kaa-a blockquote{margin:.45em 0;padding:.15em .8em;border-left:3px solid var(--accent,#d9f26b);90 background:var(--surface-2,#faf9f5);color:var(--ink-2,#4d5551)}91 .kaa-msg.kaa-a hr{border:0;border-top:1.5px dashed rgba(20,24,20,.3);margin:.6em 0}92 .kaa-msg.kaa-a table{border-collapse:collapse;margin:.45em 0;font-size:12.5px;display:block;overflow-x:auto;max-width:100%}93 .kaa-msg.kaa-a th,.kaa-msg.kaa-a td{border:1.5px solid var(--ink,#141814);padding:4px 9px;text-align:left;white-space:nowrap}94 .kaa-msg.kaa-a th{background:var(--accent,#d9f26b);color:var(--on-accent,#141814);95 font:700 11px "Space Grotesk",system-ui,sans-serif;letter-spacing:.02em}96 .kaa-msg.kaa-a td{background:#fff}97 .kaa-tool{align-self:flex-start;font:700 10px "JetBrains Mono",monospace;letter-spacing:.07em;98 text-transform:uppercase;color:var(--ink-2,#4d5551);padding:3px 10px;border:1.5px dashed var(--ink-2,#4d5551);99 border-radius:999px;background:var(--surface-2,#faf9f5)}100 .kaa-in{display:flex;gap:8px;padding:11px;border-top:2px solid var(--ink,#141814);background:#fff;flex:none;101 padding-bottom:calc(11px + env(safe-area-inset-bottom,0))}102 .kaa-full .kaa-in{justify-content:center}103 .kaa-full .kaa-in textarea{max-width:700px}104 .kaa-in textarea{flex:1;resize:none;min-height:44px;max-height:110px;padding:10px 12px;font:16px/1.4 Inter,system-ui,sans-serif;105 border:1.5px solid var(--ink,#141814);border-radius:9px;background:var(--paper,#f5f3ee);outline:none}106 .kaa-in button{min-width:52px;min-height:44px;border:1.5px solid var(--ink,#141814);border-radius:9px;107 background:var(--ink,#141814);color:var(--accent,#d9f26b);font:700 16px "Space Grotesk",system-ui;cursor:pointer;touch-action:manipulation}108 .kaa-in button:disabled{opacity:.45}109 .kaa-cards{display:flex;flex-direction:column;gap:8px;margin:.5em 0 .2em}110 .kaa-card{display:flex;align-items:stretch;border:1.5px solid var(--ink,#141814);border-radius:11px;111 overflow:hidden;background:#fff;text-decoration:none!important;color:var(--ink,#141814);112 box-shadow:3px 3px 0 rgba(20,24,20,.14);border-left:5px solid var(--kaa-c,var(--accent,#d9f26b));transition:transform .12s}113 .kaa-msg.kaa-a a.kaa-card{text-decoration:none;font-weight:400}114 .kaa-card:hover{transform:translate(-1px,-1px)}115 .kaa-card-img{flex:none;width:76px;min-height:76px;background-size:cover;background-position:center;116 border-right:1.5px solid rgba(20,24,20,.15)}117 .kaa-card-body{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 11px;min-width:0}118 .kaa-card-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}119 .kaa-card-site{font:700 9px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;120 background:var(--kaa-c,var(--accent,#d9f26b));color:var(--kaa-on,var(--on-accent,#141814));border-radius:5px;padding:1px 6px 2px}121 .kaa-card-badge{font:700 9px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;122 border:1px dashed var(--ink-2,#4d5551);border-radius:999px;padding:1px 7px;color:var(--ink-2,#4d5551)}123 .kaa-card-title{font:700 13.5px "Space Grotesk",system-ui,sans-serif;letter-spacing:-.01em;line-height:1.25}124 .kaa-card-sub{font-size:11.5px;color:var(--ink-2,#4d5551);line-height:1.35}125 .kaa-card-price{font:700 13px "Space Grotesk",system-ui,sans-serif;margin-top:1px}126 .kaa-card-go{flex:none;align-self:center;padding:0 10px;font-weight:700;opacity:.55}127 .kaa-choices{display:flex;flex-wrap:wrap;gap:7px;margin:.45em 0 .15em;align-items:center}128 .kaa-choices-q{flex-basis:100%;font-size:12px;color:var(--ink-2,#4d5551);font-weight:600}129 .kaa-choice{border:1.5px solid var(--ink,#141814);border-radius:999px;background:var(--paper,#f5f3ee);130 color:var(--ink,#141814);font:600 12.5px Inter,system-ui,sans-serif;padding:7px 13px;cursor:pointer;131 box-shadow:2px 2px 0 rgba(20,24,20,.35);transition:transform .1s;touch-action:manipulation}132 .kaa-choice:hover{background:var(--accent,#d9f26b);color:var(--on-accent,#141814);transform:translate(-1px,-1px)}133 .kaa-choices.kaa-done .kaa-choice{opacity:.45;pointer-events:none;box-shadow:none}134 .kaa-hello{font-size:12.5px;color:var(--ink-2,#4d5551);padding:4px 2px;max-width:760px}135 .kaa-dots::after{content:"…";animation:kaa-b 1.2s infinite}136 @keyframes kaa-b{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}137 @media (max-width:640px){.kaa-x1{display:none}}138 `;139140 /* ---------- markdown complet (rendu en streaming, texte échappé d'abord) ---------- */141 function esc(s) {142 return s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);143 }144145 /* ---------- cartes + choix (v4) ----------146 Palette de l'écosystème (ka-ui/ecosystem.json) embarquée : chaque carte147 prend les couleurs de la plateforme de SA fiche, pas du site hôte. */148 var ECO = {149 "groupe-ka": ["Groupe KA", "#d9f26b", "#141814"],150 "trouve-ka": ["Trouve·Ka", "#1c7ed6", "#ffffff"],151 "lou-ka": ["Lou·Ka", "#ff6a00", "#ffffff"],152 "immo-ka": ["Immo·Ka", "#e23744", "#ffffff"],153 "house-ka": ["House·Ka", "#0f6b4f", "#ffffff"],154 "vrai-prix": ["Vrai-Prix", "#ff5148", "#ffffff"],155 "auto-ka": ["Auto·Ka", "#ff5a2a", "#ffffff"],156 "fabri-ka": ["Fabri·Ka", "#c4532e", "#ffffff"],157 "food-ka": ["Food·Ka", "#1f9d55", "#ffffff"],158 "resto-ka": ["Resto·Ka", "#f08c00", "#141814"],159 "sorti-ka": ["Sorti·Ka", "#d6336c", "#ffffff"],160 "crea-ka": ["Créa·Ka", "#7048e8", "#ffffff"],161 "api-ka": ["API·Ka", "#3b5bdb", "#ffffff"],162 "job-ka": ["Job·Ka", "#0c8599", "#ffffff"],163 "valoplex": ["ValoPlex", "#ff9f45", "#141814"],164 "rent-ka": ["Rent·Ka", "#2456e6", "#ffffff"]165 };166 function httpUrl(u) { return typeof u === "string" && /^https:\/\//.test(u) ? u : ""; }167 /* Extrait chaque objet JSON de premier niveau d'un bloc ka-card, quelle que168 soit sa mise en forme (un par ligne, aéré, tableau, bloc TRONQUÉ par le169 streaming) : balayage à équilibrage d'accolades, hors chaînes. */170 function jsonObjects(txt) {171 var objs = [], depth = 0, start = -1, inStr = false, escp = false;172 for (var k = 0; k < txt.length; k++) {173 var c = txt[k];174 if (inStr) {175 if (escp) escp = false;176 else if (c === "\\") escp = true;177 else if (c === '"') inStr = false;178 continue;179 }180 if (c === '"') { inStr = true; continue; }181 if (c === "{") { if (!depth) start = k; depth++; }182 else if (c === "}" && depth) {183 depth--;184 if (!depth && start >= 0) {185 try { objs.push(JSON.parse(txt.slice(start, k + 1))); } catch (e) {}186 start = -1;187 }188 }189 }190 return objs; // un objet incomplet en fin de bloc est simplement ignoré191 }192 function cards(lines) {193 var html = "";194 jsonObjects(lines.join("\n")).forEach(function (o) {195 if (!o || !o.titre || !httpUrl(o.lien)) return;196 var pal = ECO[o.site] || ["Groupe KA", "var(--accent,#d9f26b)", "var(--on-accent,#141814)"];197 var img = httpUrl(o.image);198 html += '<a class="kaa-card" href="' + esc(o.lien) + '" target="_blank" rel="noopener noreferrer"' +199 ' style="--kaa-c:' + pal[1] + ";--kaa-on:" + pal[2] + '">' +200 (img ? '<span class="kaa-card-img" style="background-image:url("' + esc(img) + '")"></span>' : "") +201 '<span class="kaa-card-body"><span class="kaa-card-top">' +202 '<span class="kaa-card-site">' + esc(pal[0]) + "</span>" +203 (o.badge ? '<span class="kaa-card-badge">' + esc(String(o.badge)) + "</span>" : "") +204 "</span>" +205 '<span class="kaa-card-title">' + esc(String(o.titre)) + "</span>" +206 (o.sous_titre ? '<span class="kaa-card-sub">' + esc(String(o.sous_titre)) + "</span>" : "") +207 (o.prix ? '<span class="kaa-card-price">' + esc(String(o.prix)) + "</span>" : "") +208 '</span><span class="kaa-card-go">→</span></a>';209 });210 return html ? '<div class="kaa-cards">' + html + "</div>" : "";211 }212 function choices(lines) {213 var o = jsonObjects(lines.join("\n"))[0] || null; // bloc incomplet (streaming) → rien214 if (!o || !Array.isArray(o.options) || !o.options.length) return "";215 var h = '<span class="kaa-choices">' +216 (o.question ? '<span class="kaa-choices-q">' + esc(String(o.question)) + "</span>" : "");217 o.options.slice(0, 6).forEach(function (op) {218 h += '<button type="button" class="kaa-choice">' + esc(String(op)) + "</button>";219 });220 return h + "</span>";221 }222 function inline(s) {223 s = esc(s);224 s = s.replace(/`([^`\n]+)`/g, "<code>$1</code>");225 s = s.replace(/\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)/g,226 '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>');227 s = s.replace(/\*\*([^*\n]+)\*\*/g, "<b>$1</b>");228 s = s.replace(/(^|[^*\w])\*([^*\n]+)\*(?!\*)/g, "$1<i>$2</i>");229 s = s.replace(/(^|[^"'>=\w])(https?:\/\/[^\s<)"']+)/g, function (m, pre, u) {230 return pre + '<a href="' + u + '" target="_blank" rel="noopener noreferrer">' +231 u.replace(/^https?:\/\/(www\.)?/, "").slice(0, 42) + "</a>";232 });233 return s;234 }235 function md(src) {236 var lines = String(src).split("\n"), out = [], i = 0, m;237 function para(buf) { if (buf.length) out.push("<p>" + buf.map(inline).join("<br>") + "</p>"); }238 while (i < lines.length) {239 var l = lines[i];240 if (/^\s*```/.test(l)) { /* bloc de code / carte / choix */241 var lang = (l.match(/^\s*```\s*([\w-]+)?/) || [])[1] || "";242 var code = []; i++;243 while (i < lines.length && !/^\s*```/.test(lines[i])) code.push(lines[i++]);244 i++;245 if (lang === "ka-card") out.push(cards(code));246 else if (lang === "ka-choix") out.push(choices(code));247 else out.push("<pre><code>" + esc(code.join("\n")) + "</code></pre>");248 } else if ((m = l.match(/^\s*(#{1,4})\s+(.*)$/))) { /* titres */249 out.push("<h" + m[1].length + ">" + inline(m[2]) + "</h" + m[1].length + ">"); i++;250 } else if (/^\s*(---+|\*\*\*+)\s*$/.test(l)) { /* filet */251 out.push("<hr>"); i++;252 } else if (/^\s*>|^\s*>/.test(l)) { /* citation */253 var q = [];254 while (i < lines.length && /^\s*>/.test(lines[i])) q.push(lines[i++].replace(/^\s*>\s?/, ""));255 out.push("<blockquote>" + q.map(inline).join("<br>") + "</blockquote>");256 } else if (/^\s*\|.*\|\s*$/.test(l)) { /* tableau */257 var rows = [];258 while (i < lines.length && /^\s*\|.*\|\s*$/.test(lines[i])) {259 var cells = lines[i].trim().replace(/^\||\|$/g, "").split("|").map(function (c) { return c.trim(); });260 if (!/^[:\-\s|]+$/.test(lines[i].replace(/\|/g, ""))) rows.push(cells);261 i++;262 }263 if (rows.length) {264 var t = "<table>";265 rows.forEach(function (r, ri) {266 var tag = ri === 0 ? "th" : "td";267 t += "<tr>" + r.map(function (c) { return "<" + tag + ">" + inline(c) + "</" + tag + ">"; }).join("") + "</tr>";268 });269 out.push(t + "</table>");270 }271 } else if (/^\s*[-*+]\s+/.test(l)) { /* liste à puces */272 var ul = [];273 while (i < lines.length && /^\s*[-*+]\s+/.test(lines[i]))274 ul.push("<li>" + inline(lines[i++].replace(/^\s*[-*+]\s+/, "")) + "</li>");275 out.push("<ul>" + ul.join("") + "</ul>");276 } else if (/^\s*\d+[.)]\s+/.test(l)) { /* liste numérotée */277 var ol = [];278 while (i < lines.length && /^\s*\d+[.)]\s+/.test(lines[i]))279 ol.push("<li>" + inline(lines[i++].replace(/^\s*\d+[.)]\s+/, "")) + "</li>");280 out.push("<ol>" + ol.join("") + "</ol>");281 } else if (!l.trim()) { i++; } /* ligne vide */282 else { /* paragraphe */283 var buf = [];284 while (i < lines.length && lines[i].trim() &&285 !/^\s*(```|#{1,4}\s|[-*+]\s|\d+[.)]\s|>|\||---+\s*$)/.test(lines[i]))286 buf.push(lines[i++]);287 if (!buf.length) buf.push(lines[i++] || "");288 para(buf);289 }290 }291 return out.join("");292 }293294 /* ---------- état ---------- */295 var log = [];296 try { log = JSON.parse(localStorage.getItem(KEY) || "[]"); } catch (e) {}297 function save() { try { localStorage.setItem(KEY, JSON.stringify(log.slice(-MAXLOG))); } catch (e) {} }298299 /* ---------- DOM ---------- */300 var style = document.createElement("style");301 style.textContent = css;302 document.head.appendChild(style);303304 var btn = document.createElement("button");305 btn.className = "kaa-btn";306 btn.setAttribute("aria-label", "Ouvrir KA Agent — assistant de l'écosystème Groupe KA");307 btn.innerHTML = "Ka";308309 var panel = document.createElement("div");310 panel.className = "kaa-panel";311 panel.setAttribute("role", "dialog");312 panel.setAttribute("aria-label", "KA Agent");313 panel.innerHTML =314 '<div class="kaa-head"><b>KA<span class="kaa-ka">Agent</span></b><small>Groupe KA · IA</small><span class="kaa-sp"></span>' +315 '<button class="kaa-hbtn kaa-x1" title="Réduire / agrandir" aria-label="Réduire ou agrandir">▭</button>' +316 '<button class="kaa-hbtn kaa-x2" title="Fermer" aria-label="Fermer">✕</button></div>' +317 '<div class="kaa-log"></div>' +318 '<div class="kaa-in"><textarea rows="1" enterkeyhint="send" autocapitalize="sentences" autocomplete="off" placeholder="Posez votre question…" aria-label="Votre question"></textarea>' +319 "<button aria-label=\"Envoyer\">➤</button></div>";320 document.body.appendChild(btn);321 document.body.appendChild(panel);322323 var logEl = panel.querySelector(".kaa-log");324 var ta = panel.querySelector("textarea");325 var send = panel.querySelector(".kaa-in button");326327 function scroll() { logEl.scrollTop = logEl.scrollHeight; }328 function bubble(cls, html) {329 var d = document.createElement("div");330 d.className = "kaa-msg " + cls;331 d.innerHTML = html;332 logEl.appendChild(d);333 scroll();334 return d;335 }336 function toolChip(name) {337 var d = document.createElement("div");338 d.className = "kaa-tool kaa-dots";339 d.textContent = "🔎 " + name.replace(/_/g, " ");340 logEl.appendChild(d);341 scroll();342 return d;343 }344345 function hello() {346 if (log.length) return;347 var d = document.createElement("div");348 d.className = "kaa-hello";349 d.textContent = "👋 Je suis KA Agent, l'assistant de l'écosystème Groupe KA. Je peux chercher dans TOUTES les plateformes du groupe : logements, propriétés, autos, emplois, épicerie, restos, sorties, créateurs, produits d'ici — plus estimations de valeur, annuaires (déménageurs, inspecteurs), historiques et statistiques. Posez votre question !";350 logEl.appendChild(d);351 }352 /* les boutons de choix ne restent actifs que dans la DERNIÈRE bulle assistante */353 function retireChoices(keepLast) {354 var groups = logEl.querySelectorAll(".kaa-choices:not(.kaa-done)");355 var msgs = logEl.querySelectorAll(".kaa-msg.kaa-a");356 var last = msgs.length ? msgs[msgs.length - 1] : null;357 groups.forEach(function (g) {358 if (!(keepLast && last && last.contains(g))) g.classList.add("kaa-done");359 });360 }361 function render() {362 logEl.innerHTML = "";363 hello();364 log.forEach(function (m) {365 m.role === "user" ? bubble("kaa-u", esc(m.content)) : bubble("kaa-a", md(m.content));366 });367 retireChoices(log.length && log[log.length - 1].role === "assistant");368 scroll();369 }370371 /* ---------- plein écran + clavier mobile ----------372 Ouverture = PLEIN ÉCRAN direct (desktop et mobile). ▭ réduit en fenêtre373 (desktop seulement — caché sur mobile). Tant que le plein écran est ouvert,374 l'arrière-plan est GELÉ (body position:fixed, scroll restauré à la375 fermeture) et le panneau se cale sur window.visualViewport : quand le376 clavier s'ouvre, le panneau rétrécit à la place de laisser iOS377 zoomer/pousser la page. Pas de focus clavier forcé au tap sur mobile. */378 var fineInput = window.matchMedia("(hover: hover) and (pointer: fine)");379 var vv = window.visualViewport;380 var savedY = 0;381382 function isOpen() { return panel.classList.contains("kaa-open"); }383 function isFull() { return panel.classList.contains("kaa-full"); }384385 function fitVV() {386 if (!vv || !isOpen() || !isFull()) { panel.style.height = ""; panel.style.top = ""; return; }387 panel.style.top = Math.round(vv.offsetTop) + "px";388 panel.style.height = Math.round(vv.height) + "px";389 scroll();390 }391 if (vv) {392 vv.addEventListener("resize", fitVV);393 vv.addEventListener("scroll", fitVV);394 }395396 function lockBg(on) {397 var b = document.body, h = document.documentElement;398 if (on && !h.classList.contains("kaa-lock")) {399 savedY = window.scrollY || 0;400 h.classList.add("kaa-lock");401 b.style.position = "fixed";402 b.style.top = -savedY + "px";403 b.style.left = "0"; b.style.right = "0"; b.style.width = "100%";404 } else if (!on && h.classList.contains("kaa-lock")) {405 h.classList.remove("kaa-lock");406 b.style.position = ""; b.style.top = ""; b.style.left = ""; b.style.right = ""; b.style.width = "";407 window.scrollTo(0, savedY);408 }409 }410 function sync() {411 lockBg(isOpen() && isFull());412 fitVV();413 }414415 /* ---------- bulle déplaçable (v3) ----------416 pointerdown sur la bulle → si le doigt/curseur bouge de plus de 6 px c'est417 un GLISSER (la bulle suit, bornée à 8 px des bords) ; sinon c'est un CLIC418 (ouverture normale). Position mémorisée par site (localStorage) et419 re-bornée quand le viewport change. En mode fenêtré, le panneau s'ancre à420 gauche si la bulle est dans la moitié gauche de l'écran. */421 var POSKEY = "ka-agent-pos-" + SITE;422 var drag = { on: false, moved: false, id: null, sx: 0, sy: 0, bx: 0, by: 0 };423424 function clampPos(l, t) {425 var m = 8, w = btn.offsetWidth || 58, h = btn.offsetHeight || 58;426 return {427 l: Math.min(Math.max(l, m), Math.max(m, window.innerWidth - w - m)),428 t: Math.min(Math.max(t, m), Math.max(m, window.innerHeight - h - m)),429 };430 }431 function applyPos(l, t) {432 var p = clampPos(l, t);433 btn.style.left = p.l + "px";434 btn.style.top = p.t + "px";435 btn.style.right = "auto";436 btn.style.bottom = "auto";437 panel.classList.toggle("kaa-left", p.l + (btn.offsetWidth || 58) / 2 < window.innerWidth / 2);438 }439 function savePos() {440 var r = btn.getBoundingClientRect();441 try { localStorage.setItem(POSKEY, JSON.stringify({ l: r.left, t: r.top })); } catch (e) {}442 }443 btn.addEventListener("pointerdown", function (e) {444 if (!e.isPrimary) return;445 drag.on = true; drag.moved = false; drag.id = e.pointerId;446 drag.sx = e.clientX; drag.sy = e.clientY;447 var r = btn.getBoundingClientRect();448 drag.bx = r.left; drag.by = r.top;449 try { btn.setPointerCapture(e.pointerId); } catch (err) {} // capture immédiate : un glisser rapide sort de la bulle avant le 1er move450 });451 btn.addEventListener("pointermove", function (e) {452 if (!drag.on || e.pointerId !== drag.id) return;453 var dx = e.clientX - drag.sx, dy = e.clientY - drag.sy;454 if (!drag.moved && dx * dx + dy * dy < 36) return; // < 6 px : encore un clic455 if (!drag.moved) {456 drag.moved = true;457 btn.classList.add("kaa-drag");458 }459 applyPos(drag.bx + dx, drag.by + dy);460 });461 function dragEnd(e) {462 if (!drag.on || e.pointerId !== drag.id) return;463 drag.on = false;464 if (drag.moved) {465 btn.classList.remove("kaa-drag");466 savePos();467 setTimeout(function () { drag.moved = false; }, 0); // filet si le click ne suit pas468 }469 }470 btn.addEventListener("pointerup", dragEnd);471 btn.addEventListener("pointercancel", dragEnd);472 window.addEventListener("resize", function () {473 if (!btn.style.left) return;474 var r = btn.getBoundingClientRect();475 applyPos(r.left, r.top);476 });477 (function restorePos() {478 var p = null;479 try { p = JSON.parse(localStorage.getItem(POSKEY) || "null"); } catch (e) {}480 if (p && typeof p.l === "number" && typeof p.t === "number") applyPos(p.l, p.t);481 })();482483 btn.addEventListener("click", function (e) {484 if (drag.moved) { drag.moved = false; e.preventDefault(); return; } // fin de glisser, pas un clic485 panel.classList.add("kaa-open", "kaa-full"); // plein écran d'office486 render();487 if (fineInput.matches) ta.focus();488 sync();489 });490 panel.querySelector(".kaa-x2").addEventListener("click", function () {491 panel.classList.remove("kaa-open", "kaa-full");492 sync();493 });494 panel.querySelector(".kaa-x1").addEventListener("click", function () {495 panel.classList.toggle("kaa-full");496 sync();497 scroll();498 });499 document.addEventListener("keydown", function (e) {500 if (e.key === "Escape" && isOpen()) {501 panel.classList.remove("kaa-open", "kaa-full");502 sync();503 }504 });505506 /* ---------- envoi + flux SSE ---------- */507 var busy = false;508 function ask() {509 var q = ta.value.trim();510 if (!q || busy) return;511 busy = true;512 send.disabled = true;513 ta.value = "";514 retireChoices(false); // un nouveau message clôt les choix en suspens515 log.push({ role: "user", content: q });516 save();517 bubble("kaa-u", esc(q));518 var out = bubble("kaa-a", '<span class="kaa-dots"></span>');519 var acc = "";520 var chips = [];521522 fetch(ENDPOINT, {523 method: "POST",524 headers: { "Content-Type": "application/json" },525 body: JSON.stringify({ site: SITE, messages: log.slice(-MAXLOG) }),526 })527 .then(function (res) {528 if (!res.ok || !res.body) throw new Error("HTTP " + res.status);529 var reader = res.body.getReader();530 var dec = new TextDecoder();531 var buf = "";532 function pump() {533 return reader.read().then(function (r) {534 if (r.done) return finish();535 buf += dec.decode(r.value, { stream: true });536 var blocks = buf.split("\n\n");537 buf = blocks.pop();538 blocks.forEach(function (b) {539 var ev = (b.match(/^event: (.+)$/m) || [])[1];540 var dm = (b.match(/^data: (.+)$/m) || [])[1];541 if (!ev || !dm) return;542 var data = {};543 try { data = JSON.parse(dm); } catch (e) {}544 if (ev === "delta" && data.text) {545 acc += data.text;546 out.innerHTML = md(acc); // markdown re-rendu à chaque delta547 scroll();548 } else if (ev === "tool") {549 chips.push(toolChip(data.name || "recherche"));550 logEl.appendChild(out); // la bulle reste après le chip551 scroll();552 } else if (ev === "error") {553 acc = acc || "Désolé, une erreur est survenue (" + (data.message || "inconnue") + "). Réessayez.";554 out.innerHTML = md(acc);555 }556 });557 return pump();558 });559 }560 return pump();561 })562 .catch(function (e) {563 acc = acc || "Impossible de joindre KA Agent (" + e.message + "). Réessayez dans un instant.";564 out.innerHTML = md(acc);565 })566 .then(function () { finish(); });567568 function finish() {569 if (busy === false) return;570 busy = false;571 send.disabled = false;572 chips.forEach(function (c) { c.classList.remove("kaa-dots"); });573 if (!acc) { acc = "Je n'ai pas pu formuler de réponse — réessayez."; out.innerHTML = md(acc); }574 log.push({ role: "assistant", content: acc });575 save();576 scroll();577 }578 }579 send.addEventListener("click", ask);580 ta.addEventListener("keydown", function (e) {581 if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); ask(); }582 });583 logEl.addEventListener("click", function (e) { /* clic sur un bouton de choix (v4) */584 var b = e.target && e.target.closest ? e.target.closest(".kaa-choice") : null;585 if (!b || busy) return;586 var g = b.closest(".kaa-choices");587 if (g && g.classList.contains("kaa-done")) return;588 ta.value = b.textContent;589 ask();590 });591})();592/*KA_ANALYTICS*/(function(){try{if(window.__kaAnL)return;window.__kaAnL=1;window.__kaSite="groupe-ka";var s=document.createElement('script');s.async=1;s.src="https://www.administration-ka.com/ka-a.js";(document.head||document.documentElement).appendChild(s);}catch(e){}})();593