@ourlu/assistant-sdk 0.2.3 → 0.2.5

package/dist/iife/ui.v1.js

@@ -61,33 +61,37 @@ function installMascotTheme(ui) {
   };
 
   ui.buildMascotDerivedPalette = function buildMascotDerivedPalette(config) {
-    var teal600 = ui.normalizeHexColor(config.mascotSecondaryColor, "#58878d");
-    var teal700 = ui.normalizeHexColor(config.mascotSecondaryDarkColor, "#355c62");
-    var gold500 = ui.normalizeHexColor(config.mascotGoldColor, "#f4c934");
+    var blue500 = ui.normalizeHexColor(config.mascotSecondaryColor, "#68b1d6");
+    var blue700 = ui.normalizeHexColor(config.mascotSecondaryDarkColor, "#1472a8");
+    var gold500 = ui.normalizeHexColor(config.mascotGoldColor, "#ffd22e");
     var eye500 = ui.normalizeHexColor(config.mascotEyeColor, "#040402");
-    var beak300 = ui.normalizeHexColor(config.mascotBeakColor, "#ab6d46");
+    var beak300 = ui.normalizeHexColor(config.mascotBeakColor, "#ab5f30");
+    var claw300 = ui.normalizeHexColor(config.mascotClawColor, "#ab5f30");
     var neutral200 = ui.normalizeHexColor(config.mascotNeutralColor, "#e6e6e6");
+    var brow500 = ui.normalizeHexColor(config.mascotBrowColor, "#3e3e3e");
     return {
-      teal900: ui.adjustHexBrightness(teal700, -18),
-      teal700: teal700,
-      teal600: teal600,
-      teal500: ui.adjustHexBrightness(teal600, 10),
-      teal400: ui.adjustHexBrightness(teal600, 22),
-      wing500: teal700,
-      wing700: ui.adjustHexBrightness(teal700, -10),
-      wing900: ui.adjustHexBrightness(teal700, -26),
+      blue400: ui.adjustHexBrightness(blue500, 8),
+      blue500: blue500,
+      blue550: ui.adjustHexBrightness(blue500, -6),
+      blue580: ui.adjustHexBrightness(blue500, -24),
+      blue600: ui.adjustHexBrightness(blue700, 12),
+      blue700: blue700,
+      blue800: ui.adjustHexBrightness(blue700, -10),
       gold500: gold500,
       gold450: ui.adjustHexBrightness(gold500, -6),
       gold700: ui.adjustHexBrightness(gold500, -24),
       gold900: ui.adjustHexBrightness(gold500, -42),
-      eyeOutline: ui.adjustHexBrightness(eye500, -8),
       eye500: eye500,
       eye900: ui.adjustHexBrightness(eye500, -26),
       beak300: beak300,
-      beak500: ui.adjustHexBrightness(beak300, 12),
+      beak400: ui.adjustHexBrightness(beak300, 14),
+      beak500: ui.adjustHexBrightness(beak300, 8),
       beak700: ui.adjustHexBrightness(beak300, -24),
-      claw700: ui.adjustHexBrightness(beak300, -30),
-      claw400: ui.adjustHexBrightness(beak300, 18),
+      claw300: claw300,
+      claw400: ui.adjustHexBrightness(claw300, 18),
+      claw700: ui.adjustHexBrightness(claw300, -30),
+      brow500: brow500,
+      brow400: ui.adjustHexBrightness(brow500, 4),
       neutral200: neutral200,
       neutral300: ui.adjustHexBrightness(neutral200, -18),
       black: ui.adjustHexBrightness(eye500, -40),
@@ -98,28 +102,27 @@ function installMascotTheme(ui) {
   ui.buildMascotColorReplacementMap = function buildMascotColorReplacementMap(config) {
     var palette = ui.buildMascotDerivedPalette(config || {});
     var replacementMap = {};
-    ui.assignMascotTokenGroup(replacementMap, ["#355c62", "#355b62"], palette.teal900);
-    ui.assignMascotTokenGroup(replacementMap, ["#5a898f", "#396769"], palette.teal700);
-    ui.assignMascotTokenGroup(replacementMap, ["#58878d", "#57868c", "#5d898f", "#4c8187", "#457d86", "#35696e"], palette.teal600);
-    ui.assignMascotTokenGroup(replacementMap, ["#669ca0", "#669b9f", "#619498", "#709092", "#55898b", "#63989c", "#53878c"], palette.teal500);
-    ui.assignMascotTokenGroup(replacementMap, ["#85b8bb"], palette.teal400);
-    ui.assignMascotTokenGroup(replacementMap, ["#548389", "#548085"], palette.wing500);
-    ui.assignMascotTokenGroup(replacementMap, ["#537577", "#41656a", "#406d74"], palette.wing700);
-    ui.assignMascotTokenGroup(replacementMap, ["#1b3b3c", "#1f464c", "#203d41", "#223f42", "#131f20", "#1a2729", "#295055"], palette.wing900);
-    ui.assignMascotTokenGroup(replacementMap, ["#f4c934", "#ffd166"], palette.gold500);
-    ui.assignMascotTokenGroup(replacementMap, ["#ebc132", "#efc433"], palette.gold450);
-    ui.assignMascotTokenGroup(replacementMap, ["#caa62b", "#a68823"], palette.gold700);
-    ui.assignMascotTokenGroup(replacementMap, ["#58470b", "#8e751e"], palette.gold900);
-    ui.assignMascotTokenGroup(replacementMap, ["#1f4d52", "#225b61"], palette.eyeOutline);
-    ui.assignMascotTokenGroup(replacementMap, ["#254147"], palette.eye500);
-    ui.assignMascotTokenGroup(replacementMap, ["#152326", "#0a2d2a", "#595331", "#040402", "#000000"], palette.eye900);
-    ui.assignMascotTokenGroup(replacementMap, ["#ab6d46"], palette.beak300);
-    ui.assignMascotTokenGroup(replacementMap, ["#be9f5f", "#b18835", "#d7b353", "#bca134"], palette.beak500);
-    ui.assignMascotTokenGroup(replacementMap, ["#2b4a4d", "#695a39", "#574c34", "#565249", "#ac9149", "#5b4518", "#514523"], palette.beak700);
-    ui.assignMascotTokenGroup(replacementMap, ["#7d6026", "#7d6025"], palette.claw700);
-    ui.assignMascotTokenGroup(replacementMap, ["#e3af46", "#dcaa44"], palette.claw400);
-    ui.assignMascotTokenGroup(replacementMap, ["#e6e6e6", "#e5e5e5", "#e8e8e8", "#e8e4e4"], palette.neutral200);
-    ui.assignMascotTokenGroup(replacementMap, ["#a2aaaa", "#b0baba"], palette.neutral300);
+    ui.assignMascotTokenGroup(replacementMap, ["#70c1ea"], palette.blue400);
+    ui.assignMascotTokenGroup(replacementMap, ["#68b1d6"], palette.blue500);
+    ui.assignMascotTokenGroup(replacementMap, ["#44aade"], palette.blue550);
+    ui.assignMascotTokenGroup(replacementMap, ["#4a9ac3"], palette.blue580);
+    ui.assignMascotTokenGroup(replacementMap, ["#2f97cc"], palette.blue600);
+    ui.assignMascotTokenGroup(replacementMap, ["#1472a8"], palette.blue700);
+    ui.assignMascotTokenGroup(replacementMap, ["#156696"], palette.blue800);
+    ui.assignMascotTokenGroup(replacementMap, ["#ffd22e"], palette.gold500);
+    ui.assignMascotTokenGroup(replacementMap, ["#f0c31f"], palette.gold450);
+    ui.assignMascotTokenGroup(replacementMap, ["#c29500"], palette.gold700);
+    ui.assignMascotTokenGroup(replacementMap, ["#946700"], palette.gold900);
+    ui.assignMascotTokenGroup(replacementMap, ["#040402", "#00193b"], palette.eye900);
+    ui.assignMascotTokenGroup(replacementMap, ["#ab5f30"], palette.beak300);
+    ui.assignMascotTokenGroup(replacementMap, ["#dd8e5d", "#dd9060", "#ca7e4f"], palette.beak400);
+    ui.assignMascotTokenGroup(replacementMap, ["#d98d5e"], palette.beak500);
+    ui.assignMascotTokenGroup(replacementMap, ["#6e2200"], palette.beak700);
+    ui.assignMascotTokenGroup(replacementMap, ["#6f2301"], palette.claw700);
+    ui.assignMascotTokenGroup(replacementMap, ["#da8e5f"], palette.claw400);
+    ui.assignMascotTokenGroup(replacementMap, ["#3e3e3e"], palette.brow500);
+    ui.assignMascotTokenGroup(replacementMap, ["#434343"], palette.brow400);
+    ui.assignMascotTokenGroup(replacementMap, ["#e6e6e6"], palette.neutral200);
     replacementMap.white = palette.white;
     replacementMap.black = palette.black;
     return replacementMap;
@@ -151,12 +154,14 @@ function installMascotTheme(ui) {
     }
     var replacementMap = ui.buildMascotColorReplacementMap(config || {});
     var cacheKey = normalizedMascotUrl + "::" + [
-      ui.normalizeHexColor((config || {}).mascotSecondaryColor, "#58878d"),
-      ui.normalizeHexColor((config || {}).mascotSecondaryDarkColor, "#355c62"),
-      ui.normalizeHexColor((config || {}).mascotGoldColor, "#f4c934"),
+      ui.normalizeHexColor((config || {}).mascotSecondaryColor, "#68b1d6"),
+      ui.normalizeHexColor((config || {}).mascotSecondaryDarkColor, "#1472a8"),
+      ui.normalizeHexColor((config || {}).mascotGoldColor, "#ffd22e"),
       ui.normalizeHexColor((config || {}).mascotEyeColor, "#040402"),
-      ui.normalizeHexColor((config || {}).mascotBeakColor, "#ab6d46"),
-      ui.normalizeHexColor((config || {}).mascotNeutralColor, "#e6e6e6")
+      ui.normalizeHexColor((config || {}).mascotBeakColor, "#ab5f30"),
+      ui.normalizeHexColor((config || {}).mascotNeutralColor, "#e6e6e6"),
+      ui.normalizeHexColor((config || {}).mascotBrowColor, "#3e3e3e"),
+      ui.normalizeHexColor((config || {}).mascotClawColor, "#ab5f30")
     ].join("::");
     if (ui.mascotSvgSourceCache[cacheKey]) {
       return Promise.resolve(ui.mascotSvgSourceCache[cacheKey]);
@@ -164,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);
@@ -382,7 +387,6 @@ function installWidgetCssBuilder(ui) {
   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 panelBg = ui.hexToRgba(cfg.panelBackgroundColor, cfg.panelBackgroundAlpha);
     var layout = this.resolveLayout();
@@ -401,49 +405,58 @@ function installWidgetCssBuilder(ui) {
       this.buildMessageBubbles(cfg.primaryColor),
       this.buildTypingAndError(),
       this.buildComposer(cfg.primaryColor, br),
-      this.buildResizeHandle(resizeCorner),
       this.buildMobileOverrides()
     ].join("\n");
   };
 
   WidgetCssBuilder.prototype.buildResetAndBase = function() {
-    return ":host *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}";
+    return [
+      ":host *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}",
+      ":host button{outline:none;-webkit-tap-highlight-color:transparent}",
+      ":host button:focus{outline:none}",
+      ":host button:focus-visible{outline:2px solid rgba(0,102,255,.4);outline-offset:2px}"
+    ].join("\n");
   };
 
   WidgetCssBuilder.prototype.buildBubble = function(side, gradient, primaryColor) {
     return [
-      "#cm-bubble{position:fixed;" + side + ":24px;bottom:24px;width:64px;height:64px;border-radius:50%;background:" + gradient + ";border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2147483000;box-shadow:0 8px 24px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);transition:transform .2s cubic-bezier(.4,0,.2,1)}",
+      "#cm-bubble{position:fixed;" + side + ":20px;bottom:20px;width:64px;height:64px;border-radius:50%;background:" + gradient + ";border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2147483000;box-shadow:0 8px 24px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);transition:transform .2s cubic-bezier(.4,0,.2,1)}",
       "#cm-bubble:hover{transform:scale(1.1)}",
       "#cm-bubble:active{transform:scale(0.95)}",
       "#cm-bubble:focus-visible{outline:3px solid " + primaryColor + ";outline-offset:3px}",
-      "#cm-bubble img{width:84px;height:84px;object-fit:contain;position:absolute;top:-14px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}"
+      "#cm-bubble img{width:84px;height:84px;object-fit:contain;position:absolute;top:-14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}"
     ].join("\n");
   };
 
   WidgetCssBuilder.prototype.buildPanel = function(side, width, height, maxHeightVh, background, borderRadius) {
     return [
-      "#cm-panel{position:fixed;" + side + ":24px;bottom:100px;width:" + width + ";max-width:calc(100vw - 32px);height:" + height + ";max-height:" + maxHeightVh + ";background:" + background + ";border-radius:" + borderRadius + ";box-shadow:0 16px 48px rgba(0,0,0,.22),0 4px 16px rgba(0,0,0,.1);display:none;flex-direction:column;overflow:visible;z-index:2147483000;transition:box-shadow .2s}",
-      "#cm-panel.open{display:flex}"
+      "#cm-panel{position:fixed;" + side + ":24px;bottom:100px;width:" + width + ";max-width:calc(100vw - 32px);height:" + height + ";max-height:" + maxHeightVh + ";background:" + background + ";border-radius:" + borderRadius + ";box-shadow:0 16px 48px rgba(0,0,0,.22),0 4px 16px rgba(0,0,0,.1);display:none;flex-direction:column;overflow:visible;z-index:2147483000;transition:box-shadow .2s,bottom .25s cubic-bezier(.4,0,.2,1)}",
+      "#cm-panel.open{display:flex;bottom:24px}",
+      "#cm-panel.maximized{width:840px !important;height:calc(100vh - 48px) !important;max-width:calc(100vw - 48px) !important;max-height:none !important}"
     ].join("\n");
   };
 
   WidgetCssBuilder.prototype.buildHeader = function(gradient, borderRadius) {
     return [
-      "#cm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 80px;background:" + gradient + ";color:#fff;position:relative;border-radius:" + borderRadius + " " + borderRadius + " 0 0;min-height:52px}",
-      "#cm-header-mascot{width:72px;height:72px;position:absolute;left:4px;top:-12px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25));pointer-events:none}",
+      "#cm-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 80px;background:" + gradient + ";color:#fff;position:relative;border-radius:" + borderRadius + " " + borderRadius + " 0 0;min-height:44px;flex-shrink:0}",
+      "#cm-header-mascot{width:83px;height:83px;position:absolute;left:-6px;top:-16px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12));pointer-events:none}",
       "#cm-title{margin:0;font-size:16px;font-weight:600;letter-spacing:-0.01em}",
-      "#cm-close{background:none;border:none;color:#fff;cursor:pointer;font-size:22px;line-height:1;padding:6px 10px;border-radius:6px;transition:background .15s}",
-      "#cm-close:hover{background:rgba(255,255,255,.18)}"
+      "#cm-header-actions{display:flex;align-items:center;gap:4px}",
+      ".cm-header-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:8px;transition:background .15s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}",
+      ".cm-header-btn:hover{background:rgba(255,255,255,.18)}",
+      ".cm-header-btn:active{transform:scale(0.92)}",
+      ".cm-header-btn svg{width:22px;height:22px}"
     ].join("\n");
   };
 
   WidgetCssBuilder.prototype.buildNotes = function() {
     return [
-      "#cm-disclaimer,#cm-transparency{font-size:13px;display:flex;align-items:center;gap:8px;padding:8px 14px}",
-      "#cm-disclaimer{background:#fff3cd;color:#6b5900;border-bottom:1px solid #ffc107}",
-      "#cm-transparency{color:#555;border-top:1px solid #eee}",
-      ".cm-close-note{background:none;border:none;cursor:pointer;border-radius:4px;padding:2px 6px;opacity:.7;transition:opacity .15s}",
-      ".cm-close-note:hover{opacity:1;background:rgba(0,0,0,.06)}"
+      "#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;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}"
     ].join("\n");
   };
 
@@ -489,50 +502,40 @@ 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;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-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}",
+      "#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{background:" + primaryColor + ";color:#fff}",
       "#cm-send:hover:not(:disabled){transform:scale(1.08)}",
       "#cm-send:active:not(:disabled){transform:scale(0.94)}",
       "#cm-send:disabled,#cm-mic:disabled{opacity:.4;cursor:not-allowed}",
-      "#cm-mic{background:transparent;color:#667085;border:1.5px solid #d1d5db}",
-      "#cm-mic:hover:not(:disabled){border-color:#9ca3af;background:rgba(0,0,0,.02)}",
+      "#cm-mic{background:#f3f4f6;color:#667085;border:none}",
+      "#cm-mic:hover:not(:disabled){background:#e5e7eb}",
       "#cm-mic.listening{background:#ef4444;color:#fff;border-color:#ef4444;animation:cm-mic-pulse 1.5s infinite}",
       "@keyframes cm-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.35)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}"
     ].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-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:16px 16px 16px 80px;min-height:56px}",
-      "#cm-header-mascot{width:64px;height:64px;left:8px;top:-4px}",
-      "#cm-title{font-size:17px}",
-      "#cm-close{font-size:24px;padding:8px 12px}",
-      "#cm-messages{padding:16px;gap:14px}",
-      ".cm-msg{max-width:92%;padding:14px 16px;font-size:16px;border-radius:18px}",
-      "#cm-form{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:0 !important;gap:10px}",
-      "#cm-input{min-height:48px;font-size:16px;border-radius:16px;padding:12px 16px}",
-      "#cm-send,#cm-mic{width:48px;height:48px}",
-      "#cm-typing{padding:8px 16px;font-size:14px}",
-      "#cm-disclaimer,#cm-transparency{font-size:13px;padding:10px 16px}",
-      "#cm-resize-handle{display:none !important}",
-      "#cm-welcome{font-size:16px;padding:32px 20px}",
+      "#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:8px !important;right:8px !important;bottom:8px !important;top:8px !important;width:auto !important;max-width:none !important;height:auto !important;max-height:none !important}",
+      "#cm-header{padding:10px 12px 10px 76px}",
+      "#cm-header-mascot{width:68px;height:68px;left:-4px;top:-6px}",
+      "#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-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));gap:8px}",
+      "#cm-input{min-height:44px;font-size:16px;border-radius:14px;padding:10px 14px}",
+      "#cm-send,#cm-mic{width:44px;height:44px}",
+      "#cm-typing{padding:6px 16px;font-size:13px}",
+      "#cm-disclaimer,#cm-transparency{font-size:12px;padding:8px 12px}",
+      "#cm-welcome{font-size:15px;padding:24px 16px}",
       "}"
     ].join("\n");
   };
@@ -558,7 +561,6 @@ function installWidgetUIManager(ui) {
     this.streamingAssistantElement = null;
     this.streamingAssistantBuffer = "";
     this.themeOverrideStyle = null;
-    this._resizeDragState = null;
   }
 
   WidgetUIManager.prototype.mount = function() {
@@ -567,10 +569,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;
@@ -583,14 +581,13 @@ 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><button id="cm-close" type="button" aria-label="Fermer l\'assistant">\u00d7</button></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">\u00d7</button></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>',
       '<div id="cm-error"></div>',
-      '<div id="cm-transparency"><span>' + esc(this.config.transparencyText) + '</span><button class="cm-close-note" id="cm-transparency-close" type="button" aria-label="Fermer le message de transparence">\u00d7</button></div>',
-      '<form id="cm-form"><button id="cm-mic" type="button" aria-label="Dicter un message">\ud83c\udfa4</button><textarea id="cm-input" rows="1" aria-label="Votre message" placeholder="Posez votre question\u2026"></textarea><button id="cm-send" type="submit" aria-label="Envoyer">\u27a4</button></form>',
+      '<div id="cm-transparency"><span>' + esc(this.config.transparencyText) + '</span><button class="cm-close-note" id="cm-transparency-close" type="button" aria-label="Fermer le message de transparence"><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>',
+      '<form id="cm-form"><button id="cm-mic" type="button" aria-label="Dicter un message"><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></button><textarea id="cm-input" rows="1" aria-label="Votre message" placeholder="Posez votre question\u2026"></textarea><button id="cm-send" type="submit" aria-label="Envoyer"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg></button></form>',
       "</div>"
     ].join("");
     shadow.appendChild(root);
@@ -612,7 +609,6 @@ function installWidgetUIManager(ui) {
     root.appendChild(this.themeOverrideStyle);
     this.bindMascotImageErrorHandlers();
     this.bindAutoGrowInput();
-    this.bindResizeHandle();
     this.applyThemeOverrides();
     this.applyMascotTheme();
     return true;
@@ -632,47 +628,6 @@ function installWidgetUIManager(ui) {
     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) {
@@ -709,6 +664,9 @@ function installWidgetUIManager(ui) {
     var rootRef = this.root;
     if (disclaimerClose) disclaimerClose.addEventListener("click", function() { var p = rootRef.querySelector("#cm-disclaimer"); if (p) p.style.display = "none"; });
     if (transparencyClose) transparencyClose.addEventListener("click", function() { var p = rootRef.querySelector("#cm-transparency"); if (p) p.style.display = "none"; });
+    var maximizeBtn = this.root.querySelector("#cm-maximize");
+    var panelRef = this.panel;
+    if (maximizeBtn && panelRef) maximizeBtn.addEventListener("click", function() { panelRef.classList.toggle("maximized"); });
   };
 
   WidgetUIManager.prototype.setMascotSource = function(sourceUrl) {
@@ -811,18 +769,24 @@ 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();
   };
 
   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) {
@@ -834,6 +798,24 @@ function installWidgetUIManager(ui) {
   WidgetUIManager.prototype.showError = function(message) {
     this.error.textContent = message;
     this.error.classList.toggle("visible", Boolean(message));
+    this._retryHandler = null;
+  };
+
+  WidgetUIManager.prototype.showRetryableError = function(message, onRetry) {
+    this.error.innerHTML = "";
+    var textNode = document.createTextNode(message + " ");
+    this.error.appendChild(textNode);
+    var retryButton = document.createElement("button");
+    retryButton.textContent = "Réessayer";
+    retryButton.style.cssText = "background:none;border:1px solid #58151c;border-radius:6px;color:#58151c;cursor:pointer;padding:4px 12px;font-size:13px;margin-left:8px;";
+    var self = this;
+    retryButton.addEventListener("click", function() {
+      self.showError("");
+      if (typeof onRetry === "function") onRetry();
+    });
+    this.error.appendChild(retryButton);
+    this.error.classList.add("visible");
+    this._retryHandler = onRetry;
   };
 
   WidgetUIManager.prototype.setAssistantDraftText = function(node, text) {
@@ -884,11 +866,36 @@ 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;
+  };
+
   ui.WidgetUIManager = WidgetUIManager;
 }
 

package/dist/iife/widget-manifest.json

@@ -1,5 +1,6 @@
 {
-  "ui.v1.js": "ui.v1.41a99419.js",
-  "audio.v1.js": "audio.v1.95146620.js",
-  "engine.v1.js": "engine.v1.3b09dc20.js"
+  "ui.v1.js": "ui.v1.e007c7c4.js",
+  "audio.v1.js": "audio.v1.20858b08.js",
+  "signalement.v1.js": "signalement.v1.d321dfde.js",
+  "engine.v1.js": "engine.v1.c127656e.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ourlu/assistant-sdk",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "SDK JavaScript pour l'assistant conversationnel Ourlu — widget intégrable pour les mairies.",
   "type": "module",
   "private": false,
@@ -10,6 +10,7 @@
     "./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",
     "./engine.v1.js": "./dist/iife/engine.v1.js"
   },
   "files": [