@ourlu/assistant-sdk 0.2.5 → 0.2.6

package/dist/iife/ui.v1.js

@@ -384,10 +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 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";
@@ -395,14 +410,20 @@ 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.buildMobileOverrides()
@@ -471,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}",
@@ -485,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");
   };
 
@@ -502,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 + ";flex-shrink:0}",
+      "#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)}",
@@ -523,16 +547,17 @@ function installWidgetCssBuilder(ui) {
       "@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: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-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));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-welcome{font-size:15px;padding:24px 16px}",
@@ -609,20 +634,54 @@ function installWidgetUIManager(ui) {
     root.appendChild(this.themeOverrideStyle);
     this.bindMascotImageErrorHandlers();
     this.bindAutoGrowInput();
+    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";
@@ -770,6 +829,28 @@ function installWidgetUIManager(ui) {
     this.panel.classList.toggle("open", opened);
     this.bubble.style.display = opened ? "none" : "flex";
     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() {
@@ -896,6 +977,17 @@ function installWidgetUIManager(ui) {
     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,6 +1,7 @@
 {
-  "ui.v1.js": "ui.v1.e007c7c4.js",
+  "ui.v1.js": "ui.v1.0caedc90.js",
   "audio.v1.js": "audio.v1.20858b08.js",
   "signalement.v1.js": "signalement.v1.d321dfde.js",
-  "engine.v1.js": "engine.v1.c127656e.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.5",
+  "version": "0.2.6",
   "description": "SDK JavaScript pour l'assistant conversationnel Ourlu — widget intégrable pour les mairies.",
   "type": "module",
   "private": false,
@@ -11,6 +11,7 @@
     "./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": [