@ourlu/assistant-sdk 0.2.2 → 0.2.4

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

@@ -0,0 +1,919 @@
+(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 teal600 = ui.normalizeHexColor(config.mascotSecondaryColor, "#58878d");
+    var teal700 = ui.normalizeHexColor(config.mascotSecondaryDarkColor, "#355c62");
+    var gold500 = ui.normalizeHexColor(config.mascotGoldColor, "#f4c934");
+    var eye500 = ui.normalizeHexColor(config.mascotEyeColor, "#040402");
+    var beak300 = ui.normalizeHexColor(config.mascotBeakColor, "#ab6d46");
+    var neutral200 = ui.normalizeHexColor(config.mascotNeutralColor, "#e6e6e6");
+    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),
+      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),
+      beak700: ui.adjustHexBrightness(beak300, -24),
+      claw700: ui.adjustHexBrightness(beak300, -30),
+      claw400: ui.adjustHexBrightness(beak300, 18),
+      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, ["#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);
+    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, "#58878d"),
+      ui.normalizeHexColor((config || {}).mascotSecondaryDarkColor, "#355c62"),
+      ui.normalizeHexColor((config || {}).mascotGoldColor, "#f4c934"),
+      ui.normalizeHexColor((config || {}).mascotEyeColor, "#040402"),
+      ui.normalizeHexColor((config || {}).mascotBeakColor, "#ab6d46"),
+      ui.normalizeHexColor((config || {}).mascotNeutralColor, "#e6e6e6")
+    ].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("mascot fetch failed");
+        }
+        return response.text();
+      })
+      .then(function(rawSvgMarkup) {
+        if (!rawSvgMarkup || rawSvgMarkup.indexOf("<svg") === -1) {
+          throw new Error("mascot SVG invalide ou reponse 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.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();
+    var pw = layout.panelWidth + "px";
+    var ph = layout.panelHeight + "px";
+    var mhVh = layout.panelMaxHeightVh + "vh";
+    var br = layout.borderRadius + "px";
+
+    return [
+      this.buildResetAndBase(),
+      this.buildBubble(side, gradient, cfg.primaryColor),
+      this.buildPanel(side, pw, ph, mhVh, panelBg, br),
+      this.buildHeader(gradient, br),
+      this.buildNotes(),
+      this.buildMessages(),
+      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}";
+  };
+
+  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: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))}"
+    ].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}"
+    ].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-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)}"
+    ].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)}"
+    ].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(primaryColor) {
+    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 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:" + primaryColor + ";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;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#fff;border-radius:0 0 " + borderRadius + " " + borderRadius + "}",
+      "#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{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.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}",
+      "}"
+    ].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;
+    this._resizeDragState = 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 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;
+    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-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-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>"
+    ].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.bindResizeHandle();
+    this.applyThemeOverrides();
+    this.applyMascotTheme();
+    return true;
+  };
+
+  WidgetUIManager.prototype.bindAutoGrowInput = function() {
+    var inputEl = this.input;
+    if (!inputEl) return;
+    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";
+    }
+    inputEl.addEventListener("input", adjustHeight);
+    inputEl.style.overflowY = "hidden";
+  };
+
+  WidgetUIManager.prototype.bindResizeHandle = function() {
+    var handle = this.root ? this.root.querySelector("#cm-resize-handle") : null;
+    var panel = this.panel;
+    if (!handle || !panel) return;
+    var self = this;
+    var isLeftCorner = this.config.position !== "bottom-left";
+
+    handle.addEventListener("mousedown", function(startEvt) {
+      startEvt.preventDefault();
+      startEvt.stopPropagation();
+      var rect = panel.getBoundingClientRect();
+      self._resizeDragState = {
+        startX: startEvt.clientX,
+        startY: startEvt.clientY,
+        startW: rect.width,
+        startH: rect.height
+      };
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    });
+
+    function onMouseMove(evt) {
+      var st = self._resizeDragState;
+      if (!st) return;
+      var dx = evt.clientX - st.startX;
+      var dy = evt.clientY - st.startY;
+      var newW = isLeftCorner ? st.startW - dx : st.startW + dx;
+      var newH = st.startH - dy;
+      newW = Math.max(360, Math.min(960, newW));
+      newH = Math.max(480, Math.min(window.innerHeight - 40, newH));
+      panel.style.width = newW + "px";
+      panel.style.height = newH + "px";
+    }
+
+    function onMouseUp() {
+      self._resizeDragState = null;
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    }
+  };
+
+  WidgetUIManager.prototype.bindMascotImageErrorHandlers = function() {
+    var self = this;
+    [this.bubbleMascot, this.headerMascot].forEach(function(mascotNode) {
+      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"; });
+  };
+
+  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) this.input.focus();
+  };
+
+  WidgetUIManager.prototype.pullInput = function() {
+    var value = this.input.value.trim();
+    this.input.value = "";
+    this.input.style.height = "auto";
+    return value;
+  };
+
+  WidgetUIManager.prototype.setInput = function(value) { this.input.value = String(value || ""); };
+  WidgetUIManager.prototype.inputValue = function() { return this.input.value; };
+  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));
+  };
+
+  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.textContent = isListening ? "\u23f9" : "\ud83c\udfa4";
+    this.micButton.setAttribute("aria-label", isListening ? "Arrêter la dictée vocale" : "Dicter un message");
+    this.input.placeholder = isListening ? "Transcription en cours\u2026" : "Posez votre question\u2026";
+  };
+
+  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
+  };
+})();