@ourlu/assistant-sdk 0.2.4 → 0.2.6

package/dist/iife/ui.v1.js

@@ -169,13 +169,13 @@ function installMascotTheme(ui) {
     return fetch(normalizedMascotUrl, { method: "GET", credentials: "omit" })
       .then(function(response) {
         if (!response.ok) {
-          throw new Error("mascot fetch failed");
+          throw new Error("Impossible de charger la mascotte.");
         }
         return response.text();
       })
       .then(function(rawSvgMarkup) {
         if (!rawSvgMarkup || rawSvgMarkup.indexOf("<svg") === -1) {
-          throw new Error("mascot SVG invalide ou reponse non-SVG pour " + normalizedMascotUrl);
+          throw new Error("Mascotte SVG invalide ou réponse non-SVG pour " + normalizedMascotUrl);
         }
         var themedSvgMarkup = ui.replaceSvgColorTokens(rawSvgMarkup, replacementMap);
         var themedDataUrl = ui.encodeSvgToDataUrl(themedSvgMarkup);
@@ -384,11 +384,25 @@ function installWidgetCssBuilder(ui) {
     };
   };
 
+  WidgetCssBuilder.prototype.darkenHex = function(hex, percent) {
+    var h = String(hex || "#000000").replace("#", "");
+    if (h.length !== 6) h = "000000";
+    var r = Math.max(0, Math.round(parseInt(h.slice(0, 2), 16) * (1 - percent / 100)));
+    var g = Math.max(0, Math.round(parseInt(h.slice(2, 4), 16) * (1 - percent / 100)));
+    var b = Math.max(0, Math.round(parseInt(h.slice(4, 6), 16) * (1 - percent / 100)));
+    return "#" + ("0" + r.toString(16)).slice(-2) + ("0" + g.toString(16)).slice(-2) + ("0" + b.toString(16)).slice(-2);
+  };
+
+  WidgetCssBuilder.prototype.resolveBackground = function(baseColor, gradientEnabled, autoMode, manualColor2, darkenPct) {
+    if (!gradientEnabled) return baseColor;
+    var color2 = autoMode ? this.darkenHex(baseColor, darkenPct) : (manualColor2 || this.darkenHex(baseColor, darkenPct));
+    return "linear-gradient(135deg," + baseColor + " 0%," + color2 + " 100%)";
+  };
+
   WidgetCssBuilder.prototype.build = function() {
     var cfg = this.config;
     var side = cfg.position === "bottom-left" ? "left" : "right";
-    var resizeCorner = cfg.position === "bottom-left" ? "right" : "left";
-    var gradient = "linear-gradient(135deg," + cfg.primaryColor + " 0%,#0047b3 100%)";
+    var headerBg = this.resolveBackground(cfg.primaryColor, cfg.headerGradientEnabled !== false, cfg.headerGradientColor2Auto !== false, cfg.headerGradientColor2, 25);
     var panelBg = ui.hexToRgba(cfg.panelBackgroundColor, cfg.panelBackgroundAlpha);
     var layout = this.resolveLayout();
     var pw = layout.panelWidth + "px";
@@ -396,17 +410,22 @@ function installWidgetCssBuilder(ui) {
     var mhVh = layout.panelMaxHeightVh + "vh";
     var br = layout.borderRadius + "px";
 
+    var userBubbleBase = cfg.userBubbleColor || cfg.primaryColor;
+    var userBubbleBg = this.resolveBackground(userBubbleBase, cfg.userBubbleGradientEnabled === true, cfg.userBubbleGradientColor2Auto !== false, cfg.userBubbleGradientColor2, 25);
+    var assistantBubbleBase = cfg.assistantBubbleColor || "#f0f4f8";
+    var assistantBubbleBg = this.resolveBackground(assistantBubbleBase, cfg.assistantBubbleGradientEnabled === true, cfg.assistantBubbleGradientColor2Auto !== false, cfg.assistantBubbleGradientColor2, 15);
+    var assistantBubbleTextColor = cfg.assistantBubbleTextColor || "#1a1a2e";
+
     return [
       this.buildResetAndBase(),
-      this.buildBubble(side, gradient, cfg.primaryColor),
+      this.buildBubble(side, headerBg, cfg.primaryColor),
       this.buildPanel(side, pw, ph, mhVh, panelBg, br),
-      this.buildHeader(gradient, br),
+      this.buildHeader(headerBg, br),
       this.buildNotes(),
       this.buildMessages(),
-      this.buildMessageBubbles(cfg.primaryColor),
+      this.buildMessageBubbles(userBubbleBg, assistantBubbleBg, assistantBubbleTextColor),
       this.buildTypingAndError(),
       this.buildComposer(cfg.primaryColor, br),
-      this.buildResizeHandle(resizeCorner),
       this.buildMobileOverrides()
     ].join("\n");
   };
@@ -455,7 +474,7 @@ function installWidgetCssBuilder(ui) {
     return [
       "#cm-disclaimer,#cm-transparency{font-size:13px;display:flex;align-items:center;gap:8px;padding:8px 14px;flex-shrink:0}",
       "#cm-disclaimer{background:#e8f4fd;color:#1a5276;border-bottom:1px solid #b3d9f2}",
-      "#cm-transparency{color:#555;border-top:1px solid #eee;background:#fff}",
+      "#cm-transparency{color:#555;border-top:1px solid #eee;background:#fff;display:none}",
       ".cm-close-note{background:none;border:none;cursor:pointer;border-radius:6px;padding:4px 8px;min-width:32px;min-height:32px;width:32px;opacity:.6;transition:opacity .15s,background .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto}",
       ".cm-close-note:hover{opacity:1;background:rgba(0,0,0,.08)}",
       ".cm-close-note svg{width:16px;height:16px}"
@@ -473,11 +492,11 @@ function installWidgetCssBuilder(ui) {
     ].join("\n");
   };
 
-  WidgetCssBuilder.prototype.buildMessageBubbles = function(primaryColor) {
+  WidgetCssBuilder.prototype.buildMessageBubbles = function(userBubbleBg, assistantBubbleBg, assistantTextColor) {
     return [
       ".cm-msg{max-width:88%;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.55;word-break:break-word;animation:cm-msg-in .25s cubic-bezier(.4,0,.2,1)}",
       "@keyframes cm-msg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}",
-      ".cm-msg.assistant{background:#f0f4f8;color:#1a1a2e;border-bottom-left-radius:4px;align-self:flex-start}",
+      ".cm-msg.assistant{background:" + assistantBubbleBg + ";color:" + assistantTextColor + ";border-bottom-left-radius:4px;align-self:flex-start}",
       ".cm-msg.assistant p{margin:0 0 10px}",
       ".cm-msg.assistant p:last-child{margin-bottom:0}",
       ".cm-msg.assistant ul,.cm-msg.assistant ol{margin:0 0 10px 20px;padding:0}",
@@ -487,7 +506,7 @@ function installWidgetCssBuilder(ui) {
       ".cm-msg.assistant pre{margin:0 0 10px;padding:10px 12px;background:#1f2937;color:#f9fafb;border-radius:10px;overflow-x:auto;font-size:13px}",
       ".cm-msg.assistant pre code{background:transparent;color:inherit;padding:0;font-size:inherit}",
       ".cm-msg.assistant h3,.cm-msg.assistant h4{margin:0 0 8px;font-size:15px;line-height:1.35;font-weight:600}",
-      ".cm-msg.user{background:" + primaryColor + ";color:#fff;border-bottom-right-radius:4px;align-self:flex-end}"
+      ".cm-msg.user{background:" + userBubbleBg + ";color:#fff;border-bottom-right-radius:4px;align-self:flex-end}"
     ].join("\n");
   };
 
@@ -504,11 +523,14 @@ function installWidgetCssBuilder(ui) {
 
   WidgetCssBuilder.prototype.buildComposer = function(primaryColor, borderRadius) {
     return [
-      "#cm-form{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#fff;border-radius:0 0 " + borderRadius + " " + borderRadius + "}",
+      "#cm-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#fff;border-radius:0 0 " + borderRadius + " " + borderRadius + ";flex-shrink:0}",
+      "#cm-form.cm-multiline #cm-input{order:-1;flex-basis:100%;width:100%}",
+      "#cm-form.cm-multiline #cm-mic{margin-right:auto}",
       "#cm-input{flex:1;border:1.5px solid #d1d5db;border-radius:14px;padding:12px 16px;min-height:48px;max-height:200px;resize:none;outline:none;line-height:1.5;font-size:15px;transition:border-color .2s,box-shadow .2s;overflow-y:auto}",
       "#cm-input:focus{border-color:" + primaryColor + ";box-shadow:0 0 0 3px rgba(0,102,255,.15)}",
       "#cm-input::placeholder{color:#9ca3af}",
       "#cm-send,#cm-mic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0;transition:transform .15s,opacity .15s;font-size:18px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}",
+      "#cm-send svg,#cm-mic svg{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;display:block !important}",
       "#cm-send{background:" + primaryColor + ";color:#fff}",
       "#cm-send:hover:not(:disabled){transform:scale(1.08)}",
       "#cm-send:active:not(:disabled){transform:scale(0.94)}",
@@ -520,35 +542,24 @@ function installWidgetCssBuilder(ui) {
     ].join("\n");
   };
 
-  WidgetCssBuilder.prototype.buildResizeHandle = function(corner) {
-    var posX = corner === "left" ? "left:0" : "right:0";
-    var cursorType = corner === "left" ? "ne-resize" : "nw-resize";
-    return [
-      "#cm-resize-handle{position:absolute;top:0;" + posX + ";width:28px;height:28px;cursor:" + cursorType + ";z-index:10;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}",
-      "#cm-panel:hover #cm-resize-handle{opacity:.5}",
-      "#cm-resize-handle:hover{opacity:1 !important}",
-      "#cm-resize-handle svg{width:14px;height:14px;pointer-events:none}"
-    ].join("\n");
-  };
-
   WidgetCssBuilder.prototype.buildMobileOverrides = function() {
     return [
       "@media (max-width:600px){",
       "#cm-bubble{width:56px;height:56px;bottom:16px;right:16px !important;left:auto !important}",
       "#cm-bubble img{width:72px;height:72px;top:-12px}",
-      "#cm-panel{left:0 !important;right:0 !important;bottom:0 !important;top:0 !important;width:100% !important;max-width:none !important;height:100dvh !important;height:100vh !important;max-height:none !important;border-radius:0 !important}",
-      "#cm-header{border-radius:0 !important;padding:14px 16px 14px 72px;min-height:52px}",
-      "#cm-header-mascot{width:68px;height:68px;left:-4px;top:-6px}",
+      "#cm-panel{position:fixed !important;left:0 !important;right:0 !important;bottom:8px;top:16px;width:100% !important;max-width:none !important;height:auto;max-height:none !important;border-radius:12px !important;overflow:visible !important;transition:height .15s ease,top .15s ease}",
+      "#cm-header{padding:10px 12px 10px 76px;border-radius:12px 12px 0 0 !important;min-height:48px}",
+      "#cm-header-mascot{width:68px;height:68px;left:-4px;top:-12px}",
       "#cm-title{font-size:16px}",
       ".cm-header-btn-maximize{display:none !important}",
-      "#cm-messages{flex:1;padding:12px 16px;gap:12px;overflow-y:auto}",
+      "#cm-messages{flex:1;min-height:0;padding:12px 16px;gap:12px;overflow-y:auto}",
       ".cm-msg{max-width:92%;padding:12px 14px;font-size:15px;border-radius:16px}",
-      "#cm-form{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-radius:0 !important;gap:8px}",
+      "#cm-form{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:8px;flex-shrink:0;border-radius:0 0 12px 12px !important}",
       "#cm-input{min-height:44px;font-size:16px;border-radius:14px;padding:10px 14px}",
       "#cm-send,#cm-mic{width:44px;height:44px}",
+      "#cm-send svg,#cm-mic svg{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;display:block !important}",
       "#cm-typing{padding:6px 16px;font-size:13px}",
       "#cm-disclaimer,#cm-transparency{font-size:12px;padding:8px 12px}",
-      "#cm-resize-handle{display:none !important}",
       "#cm-welcome{font-size:15px;padding:24px 16px}",
       "}"
     ].join("\n");
@@ -575,7 +586,6 @@ function installWidgetUIManager(ui) {
     this.streamingAssistantElement = null;
     this.streamingAssistantBuffer = "";
     this.themeOverrideStyle = null;
-    this._resizeDragState = null;
   }
 
   WidgetUIManager.prototype.mount = function() {
@@ -584,10 +594,6 @@ function installWidgetUIManager(ui) {
     var css = cssBuilder.build();
     var esc = ui.escapeHtml;
     var escAttr = ui.escapeHtmlAttribute;
-    var resizeCorner = this.config.position === "bottom-left" ? "right" : "left";
-    var resizeSvg = resizeCorner === "left"
-      ? '<svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="2" y1="12" x2="12" y2="2"/><line x1="2" y1="7" x2="7" y2="2"/></svg>'
-      : '<svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="12" y1="12" x2="2" y2="2"/><line x1="12" y1="7" x2="7" y2="2"/></svg>';
 
     var host = document.createElement("div");
     host.id = ui.CONTAINER_ID;
@@ -600,8 +606,7 @@ function installWidgetUIManager(ui) {
       '<img id="cm-bubble-mascot" src="' + escAttr(this.config.mascotUrl) + '" alt="Mascotte assistant" />',
       "</button>",
       '<div id="cm-panel" role="dialog" aria-modal="true" aria-label="Chat ' + escAttr(this.config.assistantName) + '">',
-      '<div id="cm-resize-handle" aria-hidden="true">' + resizeSvg + '</div>',
-      '<div id="cm-header"><img id="cm-header-mascot" src="' + escAttr(this.config.mascotUrl) + '" alt="" /><h3 id="cm-title">' + esc(this.config.assistantName) + '</h3><div id="cm-header-actions"><button class="cm-header-btn cm-header-btn-maximize" id="cm-maximize" type="button" aria-label="Agrandir"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg></button><button class="cm-header-btn" id="cm-trash" type="button" aria-label="R\u00e9initialiser"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg></button><button class="cm-header-btn" id="cm-close" type="button" aria-label="Fermer l\'assistant"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div></div>',
+      '<div id="cm-header"><img id="cm-header-mascot" src="' + escAttr(this.config.mascotUrl) + '" alt="" /><h3 id="cm-title">' + esc(this.config.assistantName) + '</h3><div id="cm-header-actions"><button class="cm-header-btn cm-header-btn-maximize" id="cm-maximize" type="button" aria-label="Agrandir"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg></button><button class="cm-header-btn" id="cm-close" type="button" aria-label="Fermer l\'assistant"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div></div>',
       this.config.disclaimer ? '<div id="cm-disclaimer"><span>' + esc(this.config.disclaimerText) + '</span><button class="cm-close-note" id="cm-disclaimer-close" type="button" aria-label="Fermer l\'avertissement"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div>' : "",
       '<div id="cm-messages" aria-live="polite" aria-relevant="additions"><p id="cm-welcome">' + esc(this.config.welcomeMessage) + "</p></div>",
       '<div id="cm-typing">L\'assistant r\u00e9fl\u00e9chit\u2026</div>',
@@ -629,67 +634,59 @@ function installWidgetUIManager(ui) {
     root.appendChild(this.themeOverrideStyle);
     this.bindMascotImageErrorHandlers();
     this.bindAutoGrowInput();
-    this.bindResizeHandle();
+    this.bindMobileViewportResize();
     this.applyThemeOverrides();
     this.applyMascotTheme();
     return true;
   };
 
+  WidgetUIManager.prototype.bindMobileViewportResize = function() {
+    var panelRef = this.panel;
+    if (!panelRef) return;
+    var mobileQuery = window.matchMedia("(max-width:600px)");
+    if (!window.visualViewport) return;
+    var rafId = 0;
+    function onViewportResize() {
+      if (!mobileQuery.matches) return;
+      if (rafId) return;
+      rafId = requestAnimationFrame(function() {
+        rafId = 0;
+        var vv = window.visualViewport;
+        if (!vv) return;
+        var topMargin = 16;
+        var bottomMargin = 8;
+        var adjustedTop = Math.round(vv.offsetTop) + topMargin;
+        var adjustedHeight = Math.round(vv.height) - topMargin - bottomMargin;
+        panelRef.style.height = Math.max(200, adjustedHeight) + "px";
+        panelRef.style.top = adjustedTop + "px";
+      });
+    }
+    window.visualViewport.addEventListener("resize", onViewportResize);
+    window.visualViewport.addEventListener("scroll", onViewportResize);
+    this._mobileQuery = mobileQuery;
+  };
+
   WidgetUIManager.prototype.bindAutoGrowInput = function() {
     var inputEl = this.input;
+    var formEl = this.root ? this.root.querySelector("#cm-form") : null;
     if (!inputEl) return;
+    var singleLineHeight = 0;
     function adjustHeight() {
       inputEl.style.height = "auto";
       var scrollH = inputEl.scrollHeight;
       var maxH = 200;
       inputEl.style.height = Math.min(scrollH, maxH) + "px";
       inputEl.style.overflowY = scrollH > maxH ? "auto" : "hidden";
+      if (formEl) {
+        if (!singleLineHeight && scrollH > 0) singleLineHeight = scrollH;
+        var isMultiline = singleLineHeight > 0 && scrollH > singleLineHeight + 4;
+        formEl.classList.toggle("cm-multiline", isMultiline);
+      }
     }
     inputEl.addEventListener("input", adjustHeight);
     inputEl.style.overflowY = "hidden";
   };
 
-  WidgetUIManager.prototype.bindResizeHandle = function() {
-    var handle = this.root ? this.root.querySelector("#cm-resize-handle") : null;
-    var panel = this.panel;
-    if (!handle || !panel) return;
-    var self = this;
-    var isLeftCorner = this.config.position !== "bottom-left";
-
-    handle.addEventListener("mousedown", function(startEvt) {
-      startEvt.preventDefault();
-      startEvt.stopPropagation();
-      var rect = panel.getBoundingClientRect();
-      self._resizeDragState = {
-        startX: startEvt.clientX,
-        startY: startEvt.clientY,
-        startW: rect.width,
-        startH: rect.height
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-    });
-
-    function onMouseMove(evt) {
-      var st = self._resizeDragState;
-      if (!st) return;
-      var dx = evt.clientX - st.startX;
-      var dy = evt.clientY - st.startY;
-      var newW = isLeftCorner ? st.startW - dx : st.startW + dx;
-      var newH = st.startH - dy;
-      newW = Math.max(360, Math.min(960, newW));
-      newH = Math.max(480, Math.min(window.innerHeight - 40, newH));
-      panel.style.width = newW + "px";
-      panel.style.height = newH + "px";
-    }
-
-    function onMouseUp() {
-      self._resizeDragState = null;
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-    }
-  };
-
   WidgetUIManager.prototype.bindMascotImageErrorHandlers = function() {
     var self = this;
     [this.bubbleMascot, this.headerMascot].forEach(function(mascotNode) {
@@ -729,8 +726,6 @@ function installWidgetUIManager(ui) {
     var maximizeBtn = this.root.querySelector("#cm-maximize");
     var panelRef = this.panel;
     if (maximizeBtn && panelRef) maximizeBtn.addEventListener("click", function() { panelRef.classList.toggle("maximized"); });
-    var trashBtn = this.root.querySelector("#cm-trash");
-    if (trashBtn && callbacks.onReset) trashBtn.addEventListener("click", callbacks.onReset);
   };
 
   WidgetUIManager.prototype.setMascotSource = function(sourceUrl) {
@@ -833,18 +828,46 @@ function installWidgetUIManager(ui) {
   WidgetUIManager.prototype.setOpen = function(opened) {
     this.panel.classList.toggle("open", opened);
     this.bubble.style.display = opened ? "none" : "flex";
-    if (opened) this.input.focus();
+    if (opened && !("ontouchstart" in window)) this.input.focus();
+    this.lockBodyScroll(opened);
+  };
+
+  WidgetUIManager.prototype.lockBodyScroll = function(lock) {
+    if (!this._mobileQuery || !this._mobileQuery.matches) return;
+    if (lock) {
+      this._savedBodyOverflow = document.body.style.overflow;
+      this._savedBodyPosition = document.body.style.position;
+      this._savedBodyTop = document.body.style.top;
+      this._savedBodyWidth = document.body.style.width;
+      this._scrollY = window.scrollY;
+      document.body.style.overflow = "hidden";
+      document.body.style.position = "fixed";
+      document.body.style.top = "-" + this._scrollY + "px";
+      document.body.style.width = "100%";
+    } else {
+      document.body.style.overflow = this._savedBodyOverflow || "";
+      document.body.style.position = this._savedBodyPosition || "";
+      document.body.style.top = this._savedBodyTop || "";
+      document.body.style.width = this._savedBodyWidth || "";
+      window.scrollTo(0, this._scrollY || 0);
+    }
   };
 
   WidgetUIManager.prototype.pullInput = function() {
     var value = this.input.value.trim();
     this.input.value = "";
-    this.input.style.height = "auto";
+    this.input.dispatchEvent(new Event("input", { bubbles: true }));
     return value;
   };
 
-  WidgetUIManager.prototype.setInput = function(value) { this.input.value = String(value || ""); };
+  WidgetUIManager.prototype.setInput = function(value) {
+    this.input.value = String(value || "");
+    this.input.dispatchEvent(new Event("input", { bubbles: true }));
+  };
   WidgetUIManager.prototype.inputValue = function() { return this.input.value; };
+  WidgetUIManager.prototype.setInputPlaceholder = function(text) {
+    this.input.placeholder = text || "Posez votre question\u2026";
+  };
   WidgetUIManager.prototype.showTyping = function(visible) { this.typing.classList.toggle("visible", Boolean(visible)); };
 
   WidgetUIManager.prototype.setComposerDisabled = function(disabled) {
@@ -924,11 +947,47 @@ function installWidgetUIManager(ui) {
 
   WidgetUIManager.prototype.setMicListening = function(isListening) {
     this.micButton.classList.toggle("listening", isListening);
-    this.micButton.textContent = isListening ? "\u23f9" : "\ud83c\udfa4";
-    this.micButton.setAttribute("aria-label", isListening ? "Arrêter la dictée vocale" : "Dicter un message");
+    this.micButton.innerHTML = isListening
+      ? '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="6" width="12" height="12" rx="2"/></svg>'
+      : '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>';
+    this.micButton.setAttribute("aria-label", isListening ? "Arr\u00eater la dict\u00e9e vocale" : "Dicter un message");
     this.input.placeholder = isListening ? "Transcription en cours\u2026" : "Posez votre question\u2026";
   };
 
+  WidgetUIManager.prototype.getHeader = function() {
+    return this.root ? this.root.querySelector("#cm-header") : null;
+  };
+
+  WidgetUIManager.prototype.getPanel = function() {
+    return this.panel;
+  };
+
+  WidgetUIManager.prototype.getRoot = function() {
+    return this.root;
+  };
+
+  WidgetUIManager.prototype.injectSignalementButton = function(messageNode, onOpen) {
+    if (!messageNode) return null;
+    var btn = document.createElement("button");
+    btn.className = "cm-sig-open-btn";
+    btn.type = "button";
+    btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></svg>Mon signalement';
+    btn.addEventListener("click", function() { if (typeof onOpen === "function") onOpen(); });
+    messageNode.appendChild(btn);
+    return btn;
+  };
+
+  WidgetUIManager.prototype.injectPluButton = function(messageNode, onOpen) {
+    if (!messageNode) return null;
+    var btn = document.createElement("button");
+    btn.className = "cm-plu-open-btn";
+    btn.type = "button";
+    btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>Urbanisme';
+    btn.addEventListener("click", function() { if (typeof onOpen === "function") onOpen(); });
+    messageNode.appendChild(btn);
+    return btn;
+  };
+
   ui.WidgetUIManager = WidgetUIManager;
 }
 

package/dist/iife/widget-manifest.json

@@ -1,5 +1,7 @@
 {
-  "ui.v1.js": "ui.v1.c58e1d58.js",
-  "audio.v1.js": "audio.v1.95146620.js",
-  "engine.v1.js": "engine.v1.d1052e81.js"
+  "ui.v1.js": "ui.v1.0caedc90.js",
+  "audio.v1.js": "audio.v1.20858b08.js",
+  "signalement.v1.js": "signalement.v1.d321dfde.js",
+  "plu.v1.js": "plu.v1.cc853a2d.js",
+  "engine.v1.js": "engine.v1.19c589a2.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ourlu/assistant-sdk",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "SDK JavaScript pour l'assistant conversationnel Ourlu — widget intégrable pour les mairies.",
   "type": "module",
   "private": false,
@@ -10,6 +10,8 @@
     "./loader.v1.js": "./dist/iife/loader.v1.js",
     "./ui.v1.js": "./dist/iife/ui.v1.js",
     "./audio.v1.js": "./dist/iife/audio.v1.js",
+    "./signalement.v1.js": "./dist/iife/signalement.v1.js",
+    "./plu.v1.js": "./dist/iife/plu.v1.js",
     "./engine.v1.js": "./dist/iife/engine.v1.js"
   },
   "files": [