@ourlu/assistant-sdk 0.2.3 → 0.2.4

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]);
@@ -407,43 +412,53 @@ function installWidgetCssBuilder(ui) {
   };
 
   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}",
+      ".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");
   };
 
@@ -493,13 +508,13 @@ function installWidgetCssBuilder(ui) {
       "#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");
@@ -519,20 +534,22 @@ function installWidgetCssBuilder(ui) {
   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: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-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-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));border-radius:0 !important;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-resize-handle{display:none !important}",
-      "#cm-welcome{font-size:16px;padding:32px 20px}",
+      "#cm-welcome{font-size:15px;padding:24px 16px}",
       "}"
     ].join("\n");
   };
@@ -584,13 +601,13 @@ function installWidgetUIManager(ui) {
       "</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-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>',
+      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);
@@ -709,6 +726,11 @@ 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"); });
+    var trashBtn = this.root.querySelector("#cm-trash");
+    if (trashBtn && callbacks.onReset) trashBtn.addEventListener("click", callbacks.onReset);
   };
 
   WidgetUIManager.prototype.setMascotSource = function(sourceUrl) {
@@ -834,6 +856,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) {

package/dist/iife/widget-manifest.json

@@ -1,5 +1,5 @@
 {
-  "ui.v1.js": "ui.v1.41a99419.js",
+  "ui.v1.js": "ui.v1.c58e1d58.js",
   "audio.v1.js": "audio.v1.95146620.js",
-  "engine.v1.js": "engine.v1.3b09dc20.js"
+  "engine.v1.js": "engine.v1.d1052e81.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ourlu/assistant-sdk",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "SDK JavaScript pour l'assistant conversationnel Ourlu — widget intégrable pour les mairies.",
   "type": "module",
   "private": false,