@ourlu/assistant-sdk 0.2.5 → 0.2.6

package/dist/iife/ui.v1.a588a766.js

@@ -0,0 +1,997 @@
+(function() {
+function installColorUtils(ui) {
+  ui.clampAlpha = function clampAlpha(rawValue) {
+    var parsed = Number(rawValue);
+    if (!Number.isFinite(parsed)) return 1;
+    if (parsed < 0) return 0;
+    if (parsed > 1) return 1;
+    return parsed;
+  };
+
+  ui.normalizeHexColor = function normalizeHexColor(rawValue, fallbackColor) {
+    var color = String(rawValue || "").trim().toLowerCase();
+    if (!/^#[0-9a-f]{6}$/.test(color)) return fallbackColor;
+    return color;
+  };
+
+  ui.hexToRgba = function hexToRgba(hexColor, alphaValue) {
+    var normalized = ui.normalizeHexColor(hexColor, "#ffffff");
+    var alpha = ui.clampAlpha(alphaValue);
+    var r = parseInt(normalized.slice(1, 3), 16);
+    var g = parseInt(normalized.slice(3, 5), 16);
+    var b = parseInt(normalized.slice(5, 7), 16);
+    return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
+  };
+
+  ui.clampColorChannel = function clampColorChannel(channelValue) {
+    return Math.max(0, Math.min(255, channelValue));
+  };
+
+  ui.adjustHexBrightness = function adjustHexBrightness(hexColor, percentage) {
+    var normalizedColor = ui.normalizeHexColor(hexColor, "#000000");
+    var adjustment = Math.round((Number(percentage) / 100) * 255);
+    var red = ui.clampColorChannel(parseInt(normalizedColor.slice(1, 3), 16) + adjustment);
+    var green = ui.clampColorChannel(parseInt(normalizedColor.slice(3, 5), 16) + adjustment);
+    var blue = ui.clampColorChannel(parseInt(normalizedColor.slice(5, 7), 16) + adjustment);
+    return "#" + red.toString(16).padStart(2, "0") + green.toString(16).padStart(2, "0") + blue.toString(16).padStart(2, "0");
+  };
+}
+
+function installMascotTheme(ui) {
+  ui.mascotSvgSourceCache = {};
+
+  ui.escapeRegExp = function escapeRegExp(rawValue) {
+    return String(rawValue || "").replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  };
+
+  ui.replaceSvgColorTokens = function replaceSvgColorTokens(rawSvgMarkup, colorMap) {
+    var themedMarkup = String(rawSvgMarkup || "");
+    Object.keys(colorMap).forEach(function(token) {
+      var resolvedColor = String(colorMap[token] || "").trim();
+      if (!resolvedColor) return;
+      themedMarkup = themedMarkup.replace(new RegExp(ui.escapeRegExp(token), "gi"), resolvedColor);
+    });
+    return themedMarkup;
+  };
+
+  ui.assignMascotTokenGroup = function assignMascotTokenGroup(replacementMap, tokens, replacementColor) {
+    tokens.forEach(function(token) {
+      replacementMap[token] = replacementColor;
+    });
+  };
+
+  ui.buildMascotDerivedPalette = function buildMascotDerivedPalette(config) {
+    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, "#ab5f30");
+    var claw300 = ui.normalizeHexColor(config.mascotClawColor, "#ab5f30");
+    var neutral200 = ui.normalizeHexColor(config.mascotNeutralColor, "#e6e6e6");
+    var brow500 = ui.normalizeHexColor(config.mascotBrowColor, "#3e3e3e");
+    return {
+      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),
+      eye500: eye500,
+      eye900: ui.adjustHexBrightness(eye500, -26),
+      beak300: beak300,
+      beak400: ui.adjustHexBrightness(beak300, 14),
+      beak500: ui.adjustHexBrightness(beak300, 8),
+      beak700: ui.adjustHexBrightness(beak300, -24),
+      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),
+      white: "#ffffff"
+    };
+  };
+
+  ui.buildMascotColorReplacementMap = function buildMascotColorReplacementMap(config) {
+    var palette = ui.buildMascotDerivedPalette(config || {});
+    var replacementMap = {};
+    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;
+  };
+
+  ui.isLikelySvgAsset = function isLikelySvgAsset(rawUrl) {
+    return /\.svg(?:[?#].*)?$/i.test(String(rawUrl || "").trim());
+  };
+
+  ui.resolveAbsoluteMascotUrl = function resolveAbsoluteMascotUrl(mascotUrl, apiBaseUrl) {
+    var normalized = String(mascotUrl || "").trim();
+    if (!normalized) return "";
+    if (/^https?:\/\//i.test(normalized)) return normalized;
+    var base = String(apiBaseUrl || "").trim().replace(/\/$/, "");
+    if (!base) {
+      throw new Error("[OurluMairie] mascot URL relative sans apiBaseUrl: " + normalized);
+    }
+    return normalized.startsWith("/") ? base + normalized : base + "/" + normalized;
+  };
+
+  ui.encodeSvgToDataUrl = function encodeSvgToDataUrl(svgMarkup) {
+    return "data:image/svg+xml;charset=utf-8," + encodeURIComponent(String(svgMarkup || ""));
+  };
+
+  ui.resolveMascotUrlWithTheme = function resolveMascotUrlWithTheme(mascotUrl, config) {
+    var normalizedMascotUrl = ui.resolveAbsoluteMascotUrl(mascotUrl, (config || {}).apiBaseUrl);
+    if (!normalizedMascotUrl || typeof fetch !== "function" || !ui.isLikelySvgAsset(normalizedMascotUrl)) {
+      return Promise.resolve(normalizedMascotUrl);
+    }
+    var replacementMap = ui.buildMascotColorReplacementMap(config || {});
+    var cacheKey = normalizedMascotUrl + "::" + [
+      ui.normalizeHexColor((config || {}).mascotSecondaryColor, "#68b1d6"),
+      ui.normalizeHexColor((config || {}).mascotSecondaryDarkColor, "#1472a8"),
+      ui.normalizeHexColor((config || {}).mascotGoldColor, "#ffd22e"),
+      ui.normalizeHexColor((config || {}).mascotEyeColor, "#040402"),
+      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]);
+    }
+    return fetch(normalizedMascotUrl, { method: "GET", credentials: "omit" })
+      .then(function(response) {
+        if (!response.ok) {
+          throw new Error("Impossible de charger la mascotte.");
+        }
+        return response.text();
+      })
+      .then(function(rawSvgMarkup) {
+        if (!rawSvgMarkup || rawSvgMarkup.indexOf("<svg") === -1) {
+          throw new Error("Mascotte SVG invalide ou réponse non-SVG pour " + normalizedMascotUrl);
+        }
+        var themedSvgMarkup = ui.replaceSvgColorTokens(rawSvgMarkup, replacementMap);
+        var themedDataUrl = ui.encodeSvgToDataUrl(themedSvgMarkup);
+        ui.mascotSvgSourceCache[cacheKey] = themedDataUrl;
+        return themedDataUrl;
+      });
+  };
+}
+
+function installMarkdownRender(ui) {
+  ui.escapeHtml = function escapeHtml(rawValue) {
+    return String(rawValue || "")
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#39;");
+  };
+
+  ui.escapeHtmlAttribute = function escapeHtmlAttribute(rawValue) {
+    return ui.escapeHtml(rawValue).replace(/`/g, "&#96;");
+  };
+
+  ui.renderInlineMarkdown = function renderInlineMarkdown(rawText) {
+    var escaped = ui.escapeHtml(rawText);
+    escaped = escaped.replace(/\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)/g, function(_match, label, url) {
+      return '<a href="' + ui.escapeHtmlAttribute(url) + '" target="_blank" rel="noopener noreferrer">' + label + "</a>";
+    });
+    escaped = escaped.replace(/`([^`\n]+)`/g, "<code>$1</code>");
+    escaped = escaped.replace(/\*\*([^*\n]+)\*\*/g, "<strong>$1</strong>");
+    escaped = escaped.replace(/\*([^*\n]+)\*/g, "<em>$1</em>");
+    return escaped;
+  };
+
+  ui.renderAssistantMarkdown = function renderAssistantMarkdown(rawText) {
+    var normalized = String(rawText || "").replace(/\r\n?/g, "\n").trim();
+    if (!normalized) {
+      return "";
+    }
+
+    var codeBlocks = [];
+    normalized = normalized.replace(/```([\s\S]*?)```/g, function(_match, codeContent) {
+      var placeholder = "@@CM_CODE_BLOCK_" + codeBlocks.length + "@@";
+      codeBlocks.push(
+        '<pre><code>' + ui.escapeHtml(String(codeContent || "").replace(/^\n+|\n+$/g, "")) + "</code></pre>"
+      );
+      return placeholder;
+    });
+
+    var htmlParts = [];
+    var listType = "";
+    var listItems = [];
+    var lines = normalized.split("\n");
+
+    function flushList() {
+      if (!listType || listItems.length === 0) {
+        listType = "";
+        listItems = [];
+        return;
+      }
+      htmlParts.push("<" + listType + ">" + listItems.join("") + "</" + listType + ">");
+      listType = "";
+      listItems = [];
+    }
+
+    for (var index = 0; index < lines.length; index += 1) {
+      var rawLine = lines[index];
+      var trimmedLine = rawLine.trim();
+      if (!trimmedLine) {
+        flushList();
+        continue;
+      }
+
+      var unorderedMatch = trimmedLine.match(/^[-*]\s+(.+)$/);
+      if (unorderedMatch) {
+        if (listType && listType !== "ul") {
+          flushList();
+        }
+        listType = "ul";
+        listItems.push("<li>" + ui.renderInlineMarkdown(unorderedMatch[1]) + "</li>");
+        continue;
+      }
+
+      var orderedMatch = trimmedLine.match(/^\d+\.\s+(.+)$/);
+      if (orderedMatch) {
+        if (listType && listType !== "ol") {
+          flushList();
+        }
+        listType = "ol";
+        listItems.push("<li>" + ui.renderInlineMarkdown(orderedMatch[1]) + "</li>");
+        continue;
+      }
+
+      flushList();
+
+      var headingMatch = trimmedLine.match(/^(#{1,3})\s+(.+)$/);
+      if (headingMatch) {
+        var level = Math.min(4, headingMatch[1].length + 2);
+        htmlParts.push("<h" + level + ">" + ui.renderInlineMarkdown(headingMatch[2]) + "</h" + level + ">");
+        continue;
+      }
+
+      htmlParts.push("<p>" + ui.renderInlineMarkdown(trimmedLine) + "</p>");
+    }
+
+    flushList();
+
+    var rendered = htmlParts.join("");
+    rendered = rendered.replace(/@@CM_CODE_BLOCK_(\d+)@@/g, function(_match, rawIndex) {
+      var blockIndex = Number(rawIndex);
+      if (!Number.isInteger(blockIndex) || blockIndex < 0 || blockIndex >= codeBlocks.length) {
+        return "";
+      }
+      return codeBlocks[blockIndex];
+    });
+    return rendered || "<p>" + ui.renderInlineMarkdown(normalized) + "</p>";
+  };
+}
+
+function installMediaUtils(ui) {
+  ui.trimTrailingSlash = function trimTrailingSlash(value) {
+    return String(value || "").replace(/\/$/, "");
+  };
+
+  ui.mergeTranscript = function mergeTranscript(currentText, delta) {
+    var base = String(currentText || "");
+    var incoming = String(delta || "").replace(/^\s+/, "");
+    if (!incoming) return base;
+    if (!base) return incoming;
+    var lastChar = base[base.length - 1];
+    var firstChar = incoming[0];
+    var noSpaceAfter = [" ", "\n", "'", "\"", "(", "[", "{", "/", "-"];
+    var noSpaceBefore = [".", ",", ";", ":", "!", "?", ")", "]", "}", "/", "-"];
+    var needsSpace = noSpaceAfter.indexOf(lastChar) === -1 && noSpaceBefore.indexOf(firstChar) === -1;
+    return needsSpace ? base + " " + incoming : base + incoming;
+  };
+
+  ui.resolveRecorderMimeType = function resolveRecorderMimeType() {
+    if (typeof MediaRecorder === "undefined") return "";
+    var preferred = ["audio/webm;codecs=opus", "audio/webm", "audio/ogg;codecs=opus", "audio/ogg", "audio/mp4"];
+    for (var i = 0; i < preferred.length; i += 1) {
+      if (MediaRecorder.isTypeSupported(preferred[i])) return preferred[i];
+    }
+    return "";
+  };
+
+  ui.encodeArrayBufferToBase64 = function encodeArrayBufferToBase64(arrayBuffer) {
+    var bytes = new Uint8Array(arrayBuffer);
+    var chunkSize = 0x8000;
+    var chunks = [];
+    for (var offset = 0; offset < bytes.length; offset += chunkSize) {
+      var part = bytes.subarray(offset, offset + chunkSize);
+      chunks.push(String.fromCharCode.apply(null, part));
+    }
+    return btoa(chunks.join(""));
+  };
+}
+
+function installEventBus(ui) {
+  function EventBus() {
+    this.events = {};
+  }
+
+  EventBus.prototype.on = function(eventName, handler) {
+    if (!this.events[eventName]) this.events[eventName] = [];
+    this.events[eventName].push(handler);
+  };
+
+  EventBus.prototype.emit = function(eventName, payload) {
+    var handlers = this.events[eventName] || [];
+    handlers.forEach(function(handler) {
+      try { handler(payload); } catch (_) {}
+    });
+  };
+
+  ui.EventBus = EventBus;
+}
+
+function installWidgetCssBuilder(ui) {
+  function WidgetCssBuilder(config) {
+    this.config = config;
+  }
+
+  WidgetCssBuilder.prototype.resolveLayout = function() {
+    var panelWidth = Number(this.config.panelWidth);
+    if (!Number.isFinite(panelWidth)) panelWidth = 420;
+    panelWidth = Math.max(360, Math.min(960, Math.round(panelWidth)));
+
+    var panelHeight = Number(this.config.panelHeight);
+    if (!Number.isFinite(panelHeight)) panelHeight = 640;
+    panelHeight = Math.max(480, Math.min(1400, Math.round(panelHeight)));
+
+    var panelMaxHeightVh = Number(this.config.panelMaxHeightVh);
+    if (!Number.isFinite(panelMaxHeightVh)) panelMaxHeightVh = 85;
+    panelMaxHeightVh = Math.max(60, Math.min(98, Math.round(panelMaxHeightVh)));
+
+    var borderRadius = Number(this.config.panelBorderRadius);
+    if (!Number.isFinite(borderRadius)) borderRadius = 16;
+    borderRadius = Math.max(0, Math.min(32, Math.round(borderRadius)));
+
+    return {
+      panelWidth: panelWidth,
+      panelHeight: panelHeight,
+      panelMaxHeightVh: panelMaxHeightVh,
+      borderRadius: borderRadius
+    };
+  };
+
+  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 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";
+    var ph = layout.panelHeight + "px";
+    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, headerBg, cfg.primaryColor),
+      this.buildPanel(side, pw, ph, mhVh, panelBg, br),
+      this.buildHeader(headerBg, br),
+      this.buildNotes(),
+      this.buildMessages(),
+      this.buildMessageBubbles(userBubbleBg, assistantBubbleBg, assistantBubbleTextColor),
+      this.buildTypingAndError(),
+      this.buildComposer(cfg.primaryColor, br),
+      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}",
+      ":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 + ":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 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,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: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-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;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");
+  };
+
+  WidgetCssBuilder.prototype.buildMessages = function() {
+    return [
+      "#cm-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;overscroll-behavior:contain}",
+      "#cm-messages::-webkit-scrollbar{width:6px}",
+      "#cm-messages::-webkit-scrollbar-track{background:transparent}",
+      "#cm-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px}",
+      "#cm-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}",
+      "#cm-welcome{color:#555;font-size:15px;line-height:1.6;text-align:center;padding:24px 16px}"
+    ].join("\n");
+  };
+
+  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:" + 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}",
+      ".cm-msg.assistant li{margin:0 0 4px}",
+      ".cm-msg.assistant a{color:#0b57d0;text-decoration:underline;word-break:break-all}",
+      ".cm-msg.assistant code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#e2e8f0;padding:2px 6px;border-radius:4px;font-size:13px}",
+      ".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:" + userBubbleBg + ";color:#fff;border-bottom-right-radius:4px;align-self:flex-end}"
+    ].join("\n");
+  };
+
+  WidgetCssBuilder.prototype.buildTypingAndError = function() {
+    return [
+      "#cm-typing{padding:8px 16px;font-size:13px;color:#666;display:none}",
+      "#cm-typing.visible{display:flex;align-items:center;gap:8px}",
+      "#cm-typing::before{content:'';display:inline-block;width:6px;height:6px;background:#666;border-radius:50%;animation:cm-dot-pulse 1.2s infinite}",
+      "@keyframes cm-dot-pulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}",
+      "#cm-error{display:none;background:#f8d7da;color:#58151c;font-size:13px;padding:10px 14px}",
+      "#cm-error.visible{display:block}"
+    ].join("\n");
+  };
+
+  WidgetCssBuilder.prototype.buildComposer = function(primaryColor, borderRadius) {
+    return [
+      "#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:22px;height:22px}",
+      "#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:#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.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{position:fixed !important;left:0 !important;right:0 !important;bottom:0;top:0;width:100% !important;max-width:none !important;height:auto;max-height:none !important;border-radius:0 !important}",
+      "#cm-header{padding:10px 12px 10px 68px;border-radius:0 !important}",
+      "#cm-header-mascot{width:60px;height:60px;left:2px;top:50%;transform:translateY(-50%)}",
+      "#cm-title{font-size:16px}",
+      ".cm-header-btn-maximize{display:none !important}",
+      "#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;flex-shrink:0}",
+      "#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:22px;height:22px}",
+      "#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");
+  };
+
+  ui.WidgetCssBuilder = WidgetCssBuilder;
+}
+
+function installWidgetUIManager(ui) {
+  function WidgetUIManager(config) {
+    this.config = config;
+    this.root = null;
+    this.bubble = null;
+    this.bubbleMascot = null;
+    this.panel = null;
+    this.headerMascot = null;
+    this.messages = null;
+    this.input = null;
+    this.sendButton = null;
+    this.micButton = null;
+    this.typing = null;
+    this.error = null;
+    this.welcome = null;
+    this.streamingAssistantElement = null;
+    this.streamingAssistantBuffer = "";
+    this.themeOverrideStyle = null;
+  }
+
+  WidgetUIManager.prototype.mount = function() {
+    if (document.getElementById(ui.CONTAINER_ID)) return false;
+    var cssBuilder = new ui.WidgetCssBuilder(this.config);
+    var css = cssBuilder.build();
+    var esc = ui.escapeHtml;
+    var escAttr = ui.escapeHtmlAttribute;
+
+    var host = document.createElement("div");
+    host.id = ui.CONTAINER_ID;
+    document.body.appendChild(host);
+    var shadow = host.attachShadow({ mode: "open" });
+    var root = document.createElement("div");
+    root.innerHTML = [
+      "<style>" + css + "</style>",
+      '<button id="cm-bubble" type="button" aria-label="Ouvrir l\'assistant">',
+      '<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-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"><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);
+    this.host = host;
+    this.root = root;
+    this.bubble = root.querySelector("#cm-bubble");
+    this.bubbleMascot = root.querySelector("#cm-bubble-mascot");
+    this.panel = root.querySelector("#cm-panel");
+    this.headerMascot = root.querySelector("#cm-header-mascot");
+    this.messages = root.querySelector("#cm-messages");
+    this.input = root.querySelector("#cm-input");
+    this.sendButton = root.querySelector("#cm-send");
+    this.micButton = root.querySelector("#cm-mic");
+    this.typing = root.querySelector("#cm-typing");
+    this.error = root.querySelector("#cm-error");
+    this.welcome = root.querySelector("#cm-welcome");
+    this.themeOverrideStyle = document.createElement("style");
+    this.themeOverrideStyle.id = "cm-theme-overrides";
+    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;
+    function onViewportResize() {
+      if (!mobileQuery.matches) return;
+      var vv = window.visualViewport;
+      panelRef.style.height = vv.height + "px";
+      panelRef.style.top = vv.offsetTop + "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.bindMascotImageErrorHandlers = function() {
+    var self = this;
+    [this.bubbleMascot, this.headerMascot].forEach(function(mascotNode) {
+      if (!mascotNode) return;
+      mascotNode.addEventListener("error", function() {
+        var failedUrl = mascotNode.getAttribute("src") || "";
+        var errorMessage = failedUrl ? "chargement échoué pour " + failedUrl : "chargement échoué";
+        console.error("[OurluMairie] mascot image error:", errorMessage);
+        self.showMascotLoadError(errorMessage);
+      });
+    });
+  };
+
+  WidgetUIManager.prototype.showMascotLoadError = function(message) {
+    var resolvedMessage = String(message || "Mascotte indisponible.").trim() || "Mascotte indisponible.";
+    this.showError("Mascotte indisponible: " + resolvedMessage);
+    if (this.bubbleMascot) {
+      this.bubbleMascot.style.display = "none";
+      this.bubbleMascot.alt = resolvedMessage;
+    }
+    if (this.headerMascot) {
+      this.headerMascot.style.display = "none";
+    }
+  };
+
+  WidgetUIManager.prototype.bind = function(callbacks) {
+    this.bubble.addEventListener("click", callbacks.onToggle);
+    this.root.querySelector("#cm-close").addEventListener("click", callbacks.onToggle);
+    this.root.querySelector("#cm-form").addEventListener("submit", callbacks.onSend);
+    this.micButton.addEventListener("click", callbacks.onMicToggle);
+    document.addEventListener("keydown", callbacks.onEscape);
+    var disclaimerClose = this.root.querySelector("#cm-disclaimer-close");
+    var transparencyClose = this.root.querySelector("#cm-transparency-close");
+    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) {
+    var normalizedSourceUrl = String(sourceUrl || "").trim();
+    if (!normalizedSourceUrl) return;
+    if (this.bubbleMascot) {
+      this.bubbleMascot.src = normalizedSourceUrl;
+      this.bubbleMascot.style.display = "block";
+    }
+    if (this.headerMascot) {
+      this.headerMascot.src = normalizedSourceUrl;
+      this.headerMascot.style.display = "block";
+    }
+  };
+
+  WidgetUIManager.prototype.applyMascotTheme = function() {
+    var self = this;
+    ui.resolveMascotUrlWithTheme(this.config.mascotUrl, this.config).then(function(themedMascotUrl) {
+      self.setMascotSource(themedMascotUrl);
+    }).catch(function(error) {
+      var message = (error && error.message) ? error.message : "Mascotte indisponible.";
+      console.error("[OurluMairie]", message, error);
+      self.showMascotLoadError(message);
+    });
+  };
+
+  WidgetUIManager.prototype.applyThemeOverrides = function() {
+    if (!this.root || !this.themeOverrideStyle) return;
+    var isDarkTheme = String(this.config.effectiveThemeScheme || "light").toLowerCase() === "dark";
+    var primaryColor = ui.normalizeHexColor(this.config.primaryColor, "#0066ff");
+    var panelBackgroundBaseColor = isDarkTheme ? "#111827" : this.config.panelBackgroundColor;
+    var panelBackgroundAlpha = isDarkTheme ? "0.96" : this.config.panelBackgroundAlpha;
+    var panelBackground = ui.hexToRgba(panelBackgroundBaseColor, panelBackgroundAlpha);
+    var borderRadius = Number(this.config.panelBorderRadius);
+    if (!Number.isFinite(borderRadius)) borderRadius = 16;
+    borderRadius = Math.max(0, Math.min(32, Math.round(borderRadius)));
+    var borderRadiusPx = borderRadius + "px";
+    var gradient = "linear-gradient(135deg," + primaryColor + " 0%,#0047b3 100%)";
+    var darkThemeRules = isDarkTheme ? [
+      "#cm-panel{color:#f3f4f6 !important}",
+      "#cm-messages{background:rgba(2,6,23,0.28) !important}",
+      ".cm-msg.assistant{background:rgba(30,41,59,0.94) !important;color:#f8fafc !important}",
+      ".cm-msg.assistant code{background:#334155 !important;color:#f8fafc !important}",
+      "#cm-form{background:#0f172a !important;border-top:1px solid #1f2937 !important}",
+      "#cm-input{background:#111827 !important;color:#f8fafc !important;border-color:#334155 !important}",
+      "#cm-input::placeholder{color:#94a3b8 !important}",
+      "#cm-error{background:#7f1d1d !important;color:#fee2e2 !important}",
+      "#cm-resize-handle{color:#94a3b8 !important}"
+    ] : [
+      "#cm-messages{background:transparent !important}",
+      ".cm-msg.assistant{background:#f0f4f8 !important;color:#1a1a2e !important}",
+      "#cm-form{background:#ffffff !important;border-top:1px solid #eee !important}",
+      "#cm-input{background:#ffffff !important;color:#0f172a !important;border-color:#d1d5db !important}",
+      "#cm-error{background:#f8d7da !important;color:#58151c !important}"
+    ];
+    this.themeOverrideStyle.textContent = [
+      "#cm-bubble{background:" + gradient + " !important}",
+      "#cm-bubble:focus-visible{outline-color:" + primaryColor + " !important}",
+      "#cm-panel{background:" + panelBackground + " !important;border-radius:" + borderRadiusPx + " !important}",
+      "#cm-header{background:" + gradient + " !important;border-radius:" + borderRadiusPx + " " + borderRadiusPx + " 0 0 !important}",
+      "#cm-form{border-radius:0 0 " + borderRadiusPx + " " + borderRadiusPx + " !important}",
+      "#cm-send{background:" + primaryColor + " !important}",
+      ".cm-msg.user{background:" + primaryColor + " !important}",
+      "#cm-input:focus{border-color:" + primaryColor + " !important;box-shadow:0 0 0 3px rgba(0,102,255,.15) !important}"
+    ].concat(darkThemeRules).join("\n");
+  };
+
+  WidgetUIManager.prototype.updateTheme = function(updatedConfig) {
+    this.config = Object.assign({}, this.config, updatedConfig || {});
+    if (this.root) {
+      var titleNode = this.root.querySelector("#cm-title");
+      if (titleNode) {
+        titleNode.textContent = this.config.assistantName || "Assistant mairie";
+      }
+      if (this.panel) {
+        this.panel.setAttribute("aria-label", "Chat " + (this.config.assistantName || "Assistant mairie"));
+      }
+      var userMessages = this.root.querySelectorAll(".cm-msg.user");
+      var userBubbleColor = ui.normalizeHexColor(this.config.primaryColor, "#0066ff");
+      userMessages.forEach(function(node) {
+        node.style.background = userBubbleColor;
+      });
+      if (this.welcome && this.config.welcomeMessage) {
+        this.welcome.textContent = this.config.welcomeMessage;
+      }
+      var disclaimerSpan = this.root.querySelector("#cm-disclaimer > span");
+      if (disclaimerSpan && this.config.disclaimerText) {
+        disclaimerSpan.textContent = this.config.disclaimerText;
+      }
+      var headerMascot = this.root.querySelector("#cm-header-mascot");
+      if (headerMascot && this.config.mascotUrl) {
+        headerMascot.setAttribute("src", this.config.mascotUrl);
+        headerMascot.style.display = "";
+      }
+    }
+    this.applyThemeOverrides();
+    this.applyMascotTheme();
+  };
+
+  WidgetUIManager.prototype.setOpen = function(opened) {
+    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() {
+    var value = this.input.value.trim();
+    this.input.value = "";
+    this.input.dispatchEvent(new Event("input", { bubbles: true }));
+    return 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) {
+    this.input.disabled = disabled;
+    this.sendButton.disabled = disabled;
+    this.micButton.disabled = disabled;
+  };
+
+  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) {
+    if (!node) return;
+    node.textContent = String(text || "");
+  };
+
+  WidgetUIManager.prototype.setAssistantFinalText = function(node, text) {
+    if (!node) return;
+    node.innerHTML = ui.renderAssistantMarkdown(String(text || ""));
+  };
+
+  WidgetUIManager.prototype.addMessage = function(role, text) {
+    if (this.welcome) { this.welcome.remove(); this.welcome = null; }
+    var node = document.createElement("div");
+    node.className = "cm-msg " + role;
+    if (role === "assistant") {
+      this.setAssistantDraftText(node, text);
+    } else {
+      node.textContent = text;
+    }
+    this.messages.appendChild(node);
+    this.messages.scrollTop = this.messages.scrollHeight;
+    return node;
+  };
+
+  WidgetUIManager.prototype.startAssistantStream = function() {
+    this.streamingAssistantElement = this.addMessage("assistant", "");
+    this.streamingAssistantBuffer = "";
+  };
+
+  WidgetUIManager.prototype.appendAssistantToken = function(token) {
+    if (!this.streamingAssistantElement) this.startAssistantStream();
+    var resolvedToken = String(token || "");
+    if (!resolvedToken) return;
+    this.streamingAssistantBuffer += resolvedToken;
+    this.streamingAssistantElement.textContent += resolvedToken;
+    this.messages.scrollTop = this.messages.scrollHeight;
+  };
+
+  WidgetUIManager.prototype.finalizeAssistantMessage = function(content) {
+    if (!this.streamingAssistantElement) this.startAssistantStream();
+    var resolvedContent = content || this.streamingAssistantBuffer || this.streamingAssistantElement.textContent || "";
+    this.setAssistantFinalText(this.streamingAssistantElement, resolvedContent);
+    this.streamingAssistantElement = null;
+    this.streamingAssistantBuffer = "";
+  };
+
+  WidgetUIManager.prototype.setMicListening = function(isListening) {
+    this.micButton.classList.toggle("listening", isListening);
+    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;
+}
+
+  "use strict";
+  var runtime = window.__OurluWidgetRuntimeV1 || (window.__OurluWidgetRuntimeV1 = {});
+  var ui = {};
+
+  ui.CONTAINER_ID = "ourlu-widget-root";
+
+  installColorUtils(ui);
+  installMascotTheme(ui);
+  installMarkdownRender(ui);
+  installMediaUtils(ui);
+  installEventBus(ui);
+  installWidgetCssBuilder(ui);
+  installWidgetUIManager(ui);
+
+  runtime.constants = { CONTAINER_ID: ui.CONTAINER_ID };
+  runtime.EventBus = ui.EventBus;
+  runtime.WidgetUIManager = ui.WidgetUIManager;
+  runtime.utils = {
+    trimTrailingSlash: ui.trimTrailingSlash,
+    mergeTranscript: ui.mergeTranscript,
+    resolveRecorderMimeType: ui.resolveRecorderMimeType,
+    encodeArrayBufferToBase64: ui.encodeArrayBufferToBase64,
+    resolveAbsoluteMascotUrl: ui.resolveAbsoluteMascotUrl
+  };
+})();