@crestapps/ai-chat-ui 1.0.0-preview-22-preview.1

package/dist/ai-chat.js

@@ -0,0 +1,2453 @@
+/*
+** NOTE: This file is generated by Gulp and should not be edited directly!
+** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
+*/
+
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+window.openAIChatManager = function () {
+  // Defaults (can be overridden by instanceConfig)
+  var defaultConfig = {
+    // UI defaults for generated media
+    generatedImageAltText: 'Generated Image',
+    generatedImageMaxWidth: 400,
+    generatedChartMaxWidth: 900,
+    downloadImageTitle: 'Download image',
+    downloadChartTitle: 'Download chart as image',
+    downloadChartButtonText: 'Download',
+    userLabel: 'You',
+    assistantLabel: 'Assistant',
+    thumbsUpTitle: 'Thumbs up',
+    thumbsDownTitle: 'Thumbs down',
+    copyTitle: 'Click here to copy response to clipboard.',
+    codeCopiedText: 'Copied!',
+    messageTemplate: "\n        <div class=\"ai-chat-messages\">\n            <div v-for=\"(message, index) in messages\" :key=\"'msg-' + index\" class=\"ai-chat-message-item\">\n                <div>\n                    <div v-if=\"message.role === 'user'\" class=\"ai-chat-msg-role ai-chat-msg-role-user\">{{ userLabel }}</div>\n                    <div v-else-if=\"message.role !== 'indicator'\" :class=\"getAssistantRoleClasses(message)\">\n                        <span :class=\"getAssistantIconClasses(message, index)\"><i :class=\"getAssistantIcon(message)\"></i></span>\n                        {{ getAssistantLabel(message) }}\n                    </div>\n                    <div class=\"ai-chat-message-body lh-base\">\n                        <h4 v-if=\"message.title\">{{ message.title }}</h4>\n                        <div v-html=\"message.htmlContent\"></div>\n                        <span class=\"message-buttons-container\" v-if=\"!isIndicator(message)\">\n                            <template v-if=\"metricsEnabled && message.role === 'assistant'\">\n                                <span class=\"ai-chat-message-assistant-feedback\" :data-message-id=\"message.id\">\n                                    <button class=\"btn btn-sm btn-link text-success p-0 me-2 button-message-toolbox rate-up-btn\" @click=\"rateMessage(message, true, $event)\" :title=\"thumbsUpTitle\">\n                                        <i class=\"fa-regular fa-thumbs-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-sm btn-link text-danger p-0 me-2 button-message-toolbox rate-down-btn\" @click=\"rateMessage(message, false, $event)\" :title=\"thumbsDownTitle\">\n                                        <i class=\"fa-regular fa-thumbs-down\"></i>\n                                    </button>\n                                </span>\n                            </template>\n                            <button class=\"btn btn-sm btn-link text-secondary p-0 button-message-toolbox\" @click=\"copyResponse(message.content)\" :title=\"copyTitle\">\n                                <i class=\"fa-solid fa-copy\"></i>\n                            </button>\n                        </span>\n                    </div>\n                </div>\n            </div>\n            <div v-for=\"notification in notifications\" :key=\"'notif-' + notification.type\" class=\"ai-chat-notification\" :class=\"'ai-chat-notification-' + (notification.type || 'info') + ' ' + (notification.cssClass || '')\">\n                <div class=\"ai-chat-notification-content\">\n                    <i v-if=\"notification.icon\" :class=\"notification.icon\" class=\"ai-chat-notification-icon\"></i>\n                    <span class=\"ai-chat-notification-text\">{{ notification.content }}</span>\n                    <button v-if=\"notification.dismissible\" class=\"btn btn-sm btn-link p-0 ms-2 ai-chat-notification-dismiss\" @click=\"dismissNotification(notification.type)\" title=\"Dismiss\">\n                        <i class=\"fa-solid fa-xmark\"></i>\n                    </button>\n                </div>\n                <div v-if=\"notification.actions && notification.actions.length\" class=\"ai-chat-notification-actions\">\n                    <button v-for=\"action in notification.actions\" :key=\"action.name\" class=\"btn btn-sm\" :class=\"action.cssClass || 'btn-outline-secondary'\" @click=\"handleNotificationAction(notification.type, action.name)\">\n                        <i v-if=\"action.icon\" :class=\"action.icon\" class=\"me-1\"></i>\n                        {{ action.label }}\n                    </button>\n                </div>\n            </div>\n        </div>\n    ",
+    indicatorTemplate: "\n        <div class=\"ai-chat-msg-role ai-chat-msg-role-assistant\">\n            <span class=\"ai-streaming-icon\"><i class=\"fa fa-robot\" style=\"display: inline-block;\"></i></span>\n            Assistant\n        </div>\n    "
+  };
+
+  // Sanitize URLs to prevent javascript: protocol injection.
+  function sanitizeUrl(url) {
+    if (!url) return '';
+    var trimmed = url.trim();
+    if (/^javascript:/i.test(trimmed) || /^vbscript:/i.test(trimmed) || /^data:text\/html/i.test(trimmed)) {
+      return '';
+    }
+    return url;
+  }
+
+  // Safely HTML-encode a string using the DOM (avoids regex-based HTML filtering).
+  function escapeHtmlEntities(text) {
+    var span = document.createElement('span');
+    span.textContent = text;
+    return span.innerHTML;
+  }
+  function normalizeReference(reference) {
+    var _ref, _normalized$index, _ref2, _normalized$text, _ref3, _normalized$link;
+    if (!reference || _typeof(reference) !== 'object') {
+      return null;
+    }
+    var normalized = Object.assign({}, reference);
+    normalized.index = (_ref = (_normalized$index = normalized.index) !== null && _normalized$index !== void 0 ? _normalized$index : normalized.Index) !== null && _ref !== void 0 ? _ref : 0;
+    normalized.text = (_ref2 = (_normalized$text = normalized.text) !== null && _normalized$text !== void 0 ? _normalized$text : normalized.Text) !== null && _ref2 !== void 0 ? _ref2 : null;
+    normalized.link = (_ref3 = (_normalized$link = normalized.link) !== null && _normalized$link !== void 0 ? _normalized$link : normalized.Link) !== null && _ref3 !== void 0 ? _ref3 : null;
+    return normalized;
+  }
+  function normalizeReferences(references) {
+    if (!references || _typeof(references) !== 'object') {
+      return {};
+    }
+    var normalized = {};
+    for (var _i = 0, _Object$entries = Object.entries(references); _i < _Object$entries.length; _i++) {
+      var _normalizeReference;
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      normalized[key] = (_normalizeReference = normalizeReference(value)) !== null && _normalizeReference !== void 0 ? _normalizeReference : {};
+    }
+    return normalized;
+  }
+  var renderer = new marked.Renderer();
+
+  // Modify the link rendering to open in a new tab
+  renderer.link = function (data) {
+    var href = sanitizeUrl(data.href);
+    if (!href) return data.text || '';
+    return "<a href=\"".concat(href, "\" target=\"_blank\" rel=\"noopener noreferrer\">").concat(data.text, "</a>");
+  };
+
+  // Custom code block renderer with highlight.js integration and copy button.
+  renderer.code = function (data) {
+    var code = data.text || '';
+    var lang = (data.lang || '').trim();
+    var highlighted = code;
+    if (typeof hljs !== 'undefined') {
+      if (lang && hljs.getLanguage(lang)) {
+        try {
+          highlighted = hljs.highlight(code, {
+            language: lang
+          }).value;
+        } catch (_) {}
+      } else {
+        try {
+          highlighted = hljs.highlightAuto(code).value;
+        } catch (_) {}
+      }
+    } else {
+      highlighted = escapeHtmlEntities(code);
+    }
+    var langDisplay = lang ? escapeHtmlEntities(lang) : 'code';
+    return "<div class=\"ai-code-block\"><div class=\"ai-code-header\"><span class=\"ai-code-lang\"><i class=\"fa-solid fa-code\"></i> ".concat(langDisplay, "</span><button type=\"button\" class=\"ai-code-copy-btn\" title=\"Copy code\"><i class=\"fa-regular fa-copy\"></i></button></div><pre><code class=\"hljs").concat(lang ? ' language-' + lang : '', "\">").concat(highlighted, "</code></pre></div>");
+  };
+
+  // Custom image renderer for generated images with thumbnail styling and download button.
+  // Handles both URL and data-URI sources (data URIs are converted to blobs for download).
+  renderer.image = function (data) {
+    var src = sanitizeUrl(data.href);
+    if (!src) return '';
+    var alt = data.text || defaultConfig.generatedImageAltText;
+    var maxWidth = defaultConfig.generatedImageMaxWidth;
+    return "<div class=\"generated-image-container\">\n        <img src=\"".concat(src, "\" alt=\"").concat(alt, "\" class=\"img-thumbnail\" style=\"max-width: ").concat(maxWidth, "px; height: auto;\" />\n        <div class=\"mt-2\">\n            <a href=\"").concat(src, "\" target=\"_blank\" download=\"").concat(alt, "\" title=\"").concat(defaultConfig.downloadImageTitle, "\" class=\"btn btn-sm btn-outline-secondary ai-download-image\">\n                <i class=\"fa-solid fa-download\"></i>\n            </a>\n        </div>\n    </div>");
+  };
+
+  // Chart counter for unique IDs
+  var chartCounter = 0;
+
+  // Collector for charts discovered during marked parsing.
+  var _pendingCharts = [];
+
+  // Global chart config map: any page (e.g., Chat Interactions) that uses
+  // the shared marked instance can call window.renderPendingCharts() after
+  // its DOM update to render charts it didn't create itself.
+  window.__chartConfigs = window.__chartConfigs || {};
+  function createChartHtml(chartId) {
+    var chartMaxWidth = defaultConfig.generatedChartMaxWidth;
+    return "<div class=\"chart-container\" style=\"position: relative; width: 100%; max-width: ".concat(chartMaxWidth, "px;\">") + "<canvas id=\"".concat(chartId, "\" class=\"img-thumbnail\"></canvas>") + "</div>" + "<div class=\"mt-2\">" + "<button type=\"button\" class=\"btn btn-sm btn-outline-secondary download-chart-btn\" data-chart-id=\"".concat(chartId, "\" title=\"").concat(defaultConfig.downloadChartTitle, "\">") + "<i class=\"fa-solid fa-download\"></i> ".concat(defaultConfig.downloadChartButtonText) + "</button>" + "</div>";
+  }
+
+  // Register [chart:{...json...}] as a native marked block extension so the
+  // markdown parser handles chart markers inline with surrounding text.
+  marked.use({
+    extensions: [{
+      name: 'chart',
+      level: 'block',
+      start: function start(src) {
+        var idx = src.indexOf('[chart:');
+        return idx >= 0 ? idx : undefined;
+      },
+      tokenizer: function tokenizer(src) {
+        var extracted = tryExtractChartMarker(src);
+        if (!extracted || extracted.startIndex !== 0) {
+          return undefined;
+        }
+        var chartId = "chat_chart_".concat(++chartCounter);
+        return {
+          type: 'chart',
+          raw: src.substring(0, extracted.endIndex),
+          chartId: chartId,
+          json: extracted.json
+        };
+      },
+      renderer: function renderer(token) {
+        _pendingCharts.push({
+          chartId: token.chartId,
+          config: token.json
+        });
+        window.__chartConfigs[token.chartId] = token.json;
+        return createChartHtml(token.chartId);
+      }
+    }]
+  });
+
+  // Extract a [chart:{...json...}] marker. This avoids regex issues with nested brackets.
+  function tryExtractChartMarker(text) {
+    var token = '[chart:';
+    var start = text.indexOf(token);
+    if (start < 0) {
+      return null;
+    }
+
+    // Find JSON object boundary by balancing braces
+    var jsonStart = start + token.length;
+    var i = jsonStart;
+    while (i < text.length && (text[i] === ' ' || text[i] === '\n' || text[i] === '\r' || text[i] === '\t')) {
+      i++;
+    }
+    if (i >= text.length || text[i] !== '{') {
+      return null;
+    }
+    var depth = 0;
+    var inString = false;
+    var escape = false;
+    for (; i < text.length; i++) {
+      var ch = text[i];
+      if (inString) {
+        if (escape) {
+          escape = false;
+          continue;
+        }
+        if (ch === '\\') {
+          escape = true;
+          continue;
+        }
+        if (ch === '"') {
+          inString = false;
+        }
+        continue;
+      }
+      if (ch === '"') {
+        inString = true;
+        continue;
+      }
+      if (ch === '{') {
+        depth++;
+      } else if (ch === '}') {
+        depth--;
+        if (depth === 0) {
+          var jsonEnd = i;
+          // Expect closing bracket after JSON
+          var closeBracketIndex = text.indexOf(']', jsonEnd + 1);
+          if (closeBracketIndex < 0) {
+            return null;
+          }
+          var json = text.substring(jsonStart, jsonEnd + 1).trim();
+          return {
+            startIndex: start,
+            endIndex: closeBracketIndex + 1,
+            json: json
+          };
+        }
+      }
+    }
+    return null;
+  }
+  function renderChartsInMessage(message) {
+    if (!message || !message._pendingCharts || !message._pendingCharts.length) {
+      return;
+    }
+
+    // Copy and clear pending charts immediately to prevent duplicate renders.
+    var charts = _toConsumableArray(message._pendingCharts);
+    message._pendingCharts = [];
+
+    // Defer to requestAnimationFrame so the browser has fully laid out the
+    // canvas elements before Chart.js reads their dimensions.
+    requestAnimationFrame(function () {
+      var _iterator = _createForOfIteratorHelper(charts),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var c = _step.value;
+          renderChartOnCanvas(c.chartId, c.config);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+  }
+  function renderChartOnCanvas(chartId, config) {
+    var canvas = document.getElementById(chartId);
+    if (!canvas) {
+      return;
+    }
+    if (typeof Chart === 'undefined') {
+      console.warn('Chart.js is not loaded. To render interactive charts, include the Chart.js library on the page (e.g., <script src="https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js"></script>).');
+      return;
+    }
+    try {
+      var _cfg$options;
+      if (canvas._chartInstance) {
+        canvas._chartInstance.destroy();
+      }
+      var cfg = typeof config === 'string' ? JSON.parse(config) : config;
+      (_cfg$options = cfg.options) !== null && _cfg$options !== void 0 ? _cfg$options : cfg.options = {};
+      cfg.options.responsive = true;
+      cfg.options.maintainAspectRatio = false;
+      canvas._chartInstance = new Chart(canvas, cfg);
+      delete window.__chartConfigs[chartId];
+    } catch (e) {
+      console.error('Error creating chart:', e);
+    }
+  }
+
+  // Global function: renders any chart canvases whose configs are in the
+  // global __chartConfigs map. Called by pages (e.g., Chat Interactions)
+  // that share the marked instance but have their own rendering pipeline.
+  window.renderPendingCharts = function () {
+    if (typeof Chart === 'undefined') {
+      return;
+    }
+    var configs = window.__chartConfigs;
+    if (!configs) {
+      return;
+    }
+    requestAnimationFrame(function () {
+      for (var _i2 = 0, _Object$keys = Object.keys(configs); _i2 < _Object$keys.length; _i2++) {
+        var chartId = _Object$keys[_i2];
+        renderChartOnCanvas(chartId, configs[chartId]);
+      }
+    });
+  };
+
+  // Parse markdown content via marked (which natively handles [chart:...] markers
+  // through the registered extension) and collect pending chart configs for later
+  // Chart.js rendering.
+  function parseMarkdownContent(content, message) {
+    _pendingCharts = [];
+    var html = marked.parse(content, {
+      renderer: renderer
+    });
+    message._pendingCharts = _pendingCharts.length > 0 ? _toConsumableArray(_pendingCharts) : [];
+    return DOMPurify.sanitize(html, {
+      ADD_ATTR: ['target']
+    });
+  }
+  var initialize = function initialize(instanceConfig) {
+    var config = Object.assign({}, defaultConfig, instanceConfig);
+    // Keep defaultConfig in sync so renderers use overridden values
+    defaultConfig = config;
+    if (!config.signalRHubUrl) {
+      console.error('The signalRHubUrl is required.');
+      return;
+    }
+    if (!config.appElementSelector) {
+      console.error('The appElementSelector is required.');
+      return;
+    }
+    if (!config.chatContainerElementSelector) {
+      console.error('The chatContainerElementSelector is required.');
+      return;
+    }
+    if (!config.inputElementSelector) {
+      console.error('The inputElementSelector is required.');
+      return;
+    }
+    if (!config.sendButtonElementSelector) {
+      console.error('The sendButtonElementSelector is required.');
+      return;
+    }
+    var app = Vue.createApp({
+      data: function data() {
+        return {
+          inputElement: null,
+          buttonElement: null,
+          chatContainer: null,
+          placeholder: null,
+          isSessionStarted: false,
+          isPlaceholderVisible: true,
+          chatWidgetStateName: null,
+          chatWidgetStateSession: null,
+          chatHistorySection: null,
+          widgetIsInitialized: false,
+          isStreaming: false,
+          isNavigatingAway: false,
+          autoScroll: true,
+          stream: null,
+          messages: [],
+          notifications: [],
+          prompt: '',
+          documents: config.existingDocuments || [],
+          isUploading: false,
+          uploadErrors: [],
+          isDragOver: false,
+          documentBar: null,
+          metricsEnabled: !!config.metricsEnabled,
+          userLabel: config.userLabel,
+          assistantLabel: config.assistantLabel,
+          thumbsUpTitle: config.thumbsUpTitle,
+          thumbsDownTitle: config.thumbsDownTitle,
+          copyTitle: config.copyTitle,
+          isRecording: false,
+          mediaRecorder: null,
+          preRecordingPrompt: '',
+          micButton: null,
+          speechToTextEnabled: config.chatMode === 'AudioInput' || config.chatMode === 'Conversation',
+          textToSpeechEnabled: config.chatMode === 'Conversation',
+          ttsVoiceName: config.ttsVoiceName || null,
+          audioChunks: [],
+          audioPlayQueue: [],
+          isPlayingAudio: false,
+          currentAudioElement: null,
+          ttsButton: null,
+          conversationModeEnabled: config.chatMode === 'Conversation',
+          conversationButton: null,
+          isConversationMode: false,
+          notificationDismissTimers: {}
+        };
+      },
+      computed: {
+        lastAssistantIndex: function lastAssistantIndex() {
+          for (var i = this.messages.length - 1; i >= 0; i--) {
+            if (this.messages[i].role === 'assistant') {
+              return i;
+            }
+          }
+          return -1;
+        }
+      },
+      methods: {
+        handleBeforeUnload: function handleBeforeUnload() {
+          this.isNavigatingAway = true;
+        },
+        handleDragOver: function handleDragOver(e) {
+          if (!config.sessionDocumentsEnabled) return;
+          e.preventDefault();
+          e.stopPropagation();
+          this.isDragOver = true;
+          var inputArea = this.inputElement ? this.inputElement.closest('.ai-admin-widget-input, .text-bg-light') : null;
+          if (inputArea) inputArea.classList.add('ai-chat-drag-over');
+        },
+        handleDragLeave: function handleDragLeave(e) {
+          if (!config.sessionDocumentsEnabled) return;
+          e.preventDefault();
+          e.stopPropagation();
+          this.isDragOver = false;
+          var inputArea = this.inputElement ? this.inputElement.closest('.ai-admin-widget-input, .text-bg-light') : null;
+          if (inputArea) inputArea.classList.remove('ai-chat-drag-over');
+        },
+        handleDrop: function handleDrop(e) {
+          if (!config.sessionDocumentsEnabled) return;
+          e.preventDefault();
+          e.stopPropagation();
+          this.isDragOver = false;
+          var inputArea = this.inputElement ? this.inputElement.closest('.ai-admin-widget-input, .text-bg-light') : null;
+          if (inputArea) inputArea.classList.remove('ai-chat-drag-over');
+          if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            this.uploadFiles(e.dataTransfer.files);
+          }
+        },
+        triggerFileInput: function triggerFileInput() {
+          if (!config.sessionDocumentsEnabled) return;
+          var fileInput = document.getElementById('ai-chat-doc-input');
+          if (fileInput) fileInput.click();
+        },
+        handleFileInputChange: function handleFileInputChange(e) {
+          var files = e.target.files;
+          if (files && files.length > 0) {
+            this.uploadFiles(files);
+          }
+          e.target.value = '';
+        },
+        uploadFiles: function uploadFiles(files) {
+          var _this = this;
+          return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+            var sessionId, profileId, formData, i, response, errorText, uploadError, result, j, _t;
+            return _regenerator().w(function (_context) {
+              while (1) switch (_context.p = _context.n) {
+                case 0:
+                  if (config.uploadDocumentUrl) {
+                    _context.n = 1;
+                    break;
+                  }
+                  return _context.a(2);
+                case 1:
+                  sessionId = _this.getSessionId();
+                  profileId = _this.getProfileId();
+                  if (!(!sessionId && !profileId)) {
+                    _context.n = 2;
+                    break;
+                  }
+                  console.warn('Cannot upload documents without a session or profile.');
+                  return _context.a(2);
+                case 2:
+                  _this.isUploading = true;
+                  _this.uploadErrors = [];
+                  _this.renderDocumentBar();
+                  _context.p = 3;
+                  formData = new FormData();
+                  if (sessionId) {
+                    formData.append('sessionId', sessionId);
+                  } else {
+                    formData.append('profileId', profileId);
+                  }
+                  for (i = 0; i < files.length; i++) {
+                    formData.append('files', files[i]);
+                  }
+                  _context.n = 4;
+                  return fetch(config.uploadDocumentUrl, {
+                    method: 'POST',
+                    body: formData
+                  });
+                case 4:
+                  response = _context.v;
+                  if (response.ok) {
+                    _context.n = 6;
+                    break;
+                  }
+                  _context.n = 5;
+                  return response.text();
+                case 5:
+                  errorText = _context.v;
+                  uploadError = _this.extractReadableErrorMessage(errorText, 'Upload failed. Please try again.');
+                  console.error('Upload failed:', errorText);
+                  _this.uploadErrors = [{
+                    fileName: '',
+                    error: uploadError
+                  }];
+                  return _context.a(2);
+                case 6:
+                  _context.n = 7;
+                  return response.json();
+                case 7:
+                  result = _context.v;
+                  // If the server created a new session, initialize it.
+                  if (result.sessionId && !sessionId) {
+                    _this.initializeSession(result.sessionId);
+                  }
+                  if (result.uploaded && result.uploaded.length > 0) {
+                    for (j = 0; j < result.uploaded.length; j++) {
+                      _this.documents.push(result.uploaded[j]);
+                    }
+                  }
+                  if (result.failed && result.failed.length > 0) {
+                    _this.uploadErrors = result.failed;
+                  }
+                  _context.n = 9;
+                  break;
+                case 8:
+                  _context.p = 8;
+                  _t = _context.v;
+                  console.error('Upload error:', _t);
+                  _this.uploadErrors = [{
+                    fileName: '',
+                    error: 'Upload failed. Please try again.'
+                  }];
+                case 9:
+                  _context.p = 9;
+                  _this.isUploading = false;
+                  _this.renderDocumentBar();
+                  return _context.f(9);
+                case 10:
+                  return _context.a(2);
+              }
+            }, _callee, null, [[3, 8, 9, 10]]);
+          }))();
+        },
+        removeDocument: function removeDocument(doc) {
+          var _this2 = this;
+          return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+            var sessionId, response, idx, errorText, removeError, _t2;
+            return _regenerator().w(function (_context2) {
+              while (1) switch (_context2.p = _context2.n) {
+                case 0:
+                  if (config.removeDocumentUrl) {
+                    _context2.n = 1;
+                    break;
+                  }
+                  return _context2.a(2);
+                case 1:
+                  _context2.p = 1;
+                  sessionId = _this2.getSessionId();
+                  _context2.n = 2;
+                  return fetch(config.removeDocumentUrl, {
+                    method: 'POST',
+                    headers: {
+                      'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                      itemId: sessionId,
+                      documentId: doc.documentId
+                    })
+                  });
+                case 2:
+                  response = _context2.v;
+                  if (!response.ok) {
+                    _context2.n = 3;
+                    break;
+                  }
+                  idx = _this2.documents.indexOf(doc);
+                  if (idx > -1) _this2.documents.splice(idx, 1);
+                  _context2.n = 5;
+                  break;
+                case 3:
+                  _context2.n = 4;
+                  return response.text();
+                case 4:
+                  errorText = _context2.v;
+                  removeError = _this2.extractReadableErrorMessage(errorText, 'Failed to remove document. Please try again.');
+                  console.error('Failed to remove document:', response.status, errorText);
+                  _this2.uploadErrors = [{
+                    fileName: doc.fileName || '',
+                    error: removeError
+                  }];
+                  _this2.renderDocumentBar();
+                case 5:
+                  _context2.n = 7;
+                  break;
+                case 6:
+                  _context2.p = 6;
+                  _t2 = _context2.v;
+                  console.error('Remove document error:', _t2);
+                  _this2.uploadErrors = [{
+                    fileName: doc.fileName || '',
+                    error: 'Failed to remove document. Please try again.'
+                  }];
+                  _this2.renderDocumentBar();
+                case 7:
+                  return _context2.a(2);
+              }
+            }, _callee2, null, [[1, 6]]);
+          }))();
+        },
+        formatFileSize: function formatFileSize(bytes) {
+          if (bytes < 1024) return bytes + ' B';
+          if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+          return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+        },
+        renderDocumentBar: function renderDocumentBar() {
+          if (!this.documentBar) return;
+          if (!config.sessionDocumentsEnabled) {
+            this.documentBar.classList.add('d-none');
+            return;
+          }
+          this.documentBar.classList.remove('d-none');
+          var html = '<div class="ai-chat-doc-bar p-2">';
+          html += '<div class="d-flex flex-wrap align-items-center gap-1">';
+          for (var i = 0; i < this.documents.length; i++) {
+            var doc = this.documents[i];
+            var name = doc.fileName || 'Document';
+            if (name.length > 20) name = name.substring(0, 17) + '...';
+            html += '<span class="badge bg-secondary bg-opacity-25 text-dark d-inline-flex align-items-center gap-1 px-2 py-1" style="font-size: 0.8rem;" title="' + this.escapeHtml(doc.fileName || '') + '">';
+            html += '<i class="fa-solid fa-file-lines" style="font-size: 0.7rem;"></i> ';
+            html += this.escapeHtml(name);
+            html += ' <button type="button" class="btn-close btn-close-sm ms-1" style="font-size: 0.5rem;" data-doc-index="' + i + '" aria-label="Remove"></button>';
+            html += '</span>';
+          }
+          for (var m = 0; m < this.uploadErrors.length; m++) {
+            var failedItem = this.uploadErrors[m];
+            var failedName = failedItem.fileName || 'File';
+            var errorMsg = failedItem.error || 'Upload failed';
+            if (failedName.length > 15) failedName = failedName.substring(0, 12) + '...';
+            html += '<span class="badge bg-danger bg-opacity-25 text-danger d-inline-flex align-items-center gap-1 px-2 py-1" style="font-size: 0.8rem;" title="' + this.escapeHtml((failedItem.fileName || '') + ': ' + errorMsg) + '">';
+            html += '<i class="fa-solid fa-circle-exclamation" style="font-size: 0.7rem;"></i> ';
+            html += this.escapeHtml(failedName);
+            html += ' <button type="button" class="btn-close btn-close-sm ms-1" style="font-size: 0.5rem;" data-error-index="' + m + '" aria-label="Dismiss"></button>';
+            html += '</span>';
+          }
+          if (this.isUploading) {
+            html += '<span class="badge bg-info bg-opacity-25 text-dark d-inline-flex align-items-center gap-1 px-2 py-1" style="font-size: 0.8rem;">';
+            html += '<span class="spinner-border spinner-border-sm" style="width: 0.7rem; height: 0.7rem;"></span> Uploading...';
+            html += '</span>';
+          }
+          html += '<button type="button" class="btn btn-sm btn-outline-secondary rounded-pill ai-chat-doc-add-btn d-inline-flex align-items-center gap-1" style="font-size: 0.75rem; padding: 0.15rem 0.5rem;" title="Attach documents">';
+          html += '<i class="fa-solid fa-paperclip"></i>';
+          if (this.documents.length === 0 && !this.isUploading) {
+            html += ' <span>Attach files</span>';
+          }
+          html += '</button>';
+          html += '</div>';
+          if (config.supportedExtensionsText) {
+            html += '<div class="small text-muted mt-2">Supported formats: ' + this.escapeHtml(config.supportedExtensionsText) + '</div>';
+          }
+          html += '</div>';
+          this.documentBar.replaceChildren(DOMPurify.sanitize(html, {
+            RETURN_DOM_FRAGMENT: true
+          }));
+
+          // Bind remove handlers
+          var self = this;
+          var closeButtons = this.documentBar.querySelectorAll('[data-doc-index]');
+          for (var j = 0; j < closeButtons.length; j++) {
+            closeButtons[j].addEventListener('click', function (idx) {
+              return function (e) {
+                e.preventDefault();
+                e.stopPropagation();
+                var docToRemove = self.documents[idx];
+                if (docToRemove) self.removeDocument(docToRemove);
+              };
+            }(parseInt(closeButtons[j].getAttribute('data-doc-index'))));
+          }
+
+          // Bind error dismiss handlers
+          var errorCloseButtons = this.documentBar.querySelectorAll('[data-error-index]');
+          for (var n = 0; n < errorCloseButtons.length; n++) {
+            errorCloseButtons[n].addEventListener('click', function (idx) {
+              return function (e) {
+                e.preventDefault();
+                e.stopPropagation();
+                self.uploadErrors.splice(idx, 1);
+                self.renderDocumentBar();
+              };
+            }(parseInt(errorCloseButtons[n].getAttribute('data-error-index'))));
+          }
+
+          // Bind add button
+          var addBtn = this.documentBar.querySelector('.ai-chat-doc-add-btn');
+          if (addBtn) {
+            addBtn.addEventListener('click', function (e) {
+              e.preventDefault();
+              self.triggerFileInput();
+            });
+          }
+        },
+        escapeHtml: function escapeHtml(text) {
+          var div = document.createElement('div');
+          div.textContent = text;
+          return div.innerHTML;
+        },
+        extractReadableErrorMessage: function extractReadableErrorMessage(errorText, fallbackMessage) {
+          if (!errorText || typeof errorText !== 'string') {
+            return fallbackMessage;
+          }
+          var trimmed = errorText.trim();
+          if (!trimmed) {
+            return fallbackMessage;
+          }
+          if (trimmed.startsWith('{') || trimmed.startsWith('[')) {
+            try {
+              var parsed = JSON.parse(trimmed);
+              var message = (parsed === null || parsed === void 0 ? void 0 : parsed.error) || (parsed === null || parsed === void 0 ? void 0 : parsed.message) || (parsed === null || parsed === void 0 ? void 0 : parsed.title) || (parsed === null || parsed === void 0 ? void 0 : parsed.detail);
+              return typeof message === 'string' && message.trim() ? message.trim() : fallbackMessage;
+            } catch (err) {
+              return fallbackMessage;
+            }
+          }
+          if (/<[^>]+>/.test(trimmed)) {
+            return fallbackMessage;
+          }
+          return trimmed;
+        },
+        normalizeAssistantAppearance: function normalizeAssistantAppearance(appearance) {
+          if (!appearance) {
+            return null;
+          }
+          var label = typeof appearance.label === 'string' ? appearance.label.trim() : '';
+          var icon = typeof appearance.icon === 'string' ? appearance.icon.trim() : '';
+          var cssClass = typeof appearance.cssClass === 'string' ? appearance.cssClass.trim() : '';
+          var disableStreamingAnimation = !!appearance.disableStreamingAnimation;
+          if (!label && !icon && !cssClass && !disableStreamingAnimation) {
+            return null;
+          }
+          return {
+            label: label,
+            icon: icon,
+            cssClass: cssClass,
+            disableStreamingAnimation: disableStreamingAnimation
+          };
+        },
+        getAssistantLabel: function getAssistantLabel(message) {
+          var appearance = message ? this.normalizeAssistantAppearance(message.appearance) : null;
+          return appearance && appearance.label ? appearance.label : this.assistantLabel;
+        },
+        getAssistantRoleClasses: function getAssistantRoleClasses(message) {
+          var appearance = message ? this.normalizeAssistantAppearance(message.appearance) : null;
+          var classes = ['ai-chat-msg-role'];
+          if (appearance && appearance.cssClass) {
+            classes.push(appearance.cssClass);
+          } else {
+            classes.push('ai-chat-msg-role-assistant');
+          }
+          return classes;
+        },
+        getAssistantIconClasses: function getAssistantIconClasses(message, index) {
+          var appearance = message ? this.normalizeAssistantAppearance(message.appearance) : null;
+          return [this.shouldAnimateAssistantIcon(message, index) ? 'ai-streaming-icon' : 'ai-bot-icon', appearance && appearance.cssClass ? appearance.cssClass : ''];
+        },
+        getAssistantIcon: function getAssistantIcon(message) {
+          var appearance = message ? this.normalizeAssistantAppearance(message.appearance) : null;
+          return appearance && appearance.icon ? appearance.icon : 'fa fa-robot';
+        },
+        shouldAnimateAssistantIcon: function shouldAnimateAssistantIcon(message, index) {
+          var appearance = message ? this.normalizeAssistantAppearance(message.appearance) : null;
+          return !!message && message.isStreaming && index === this.lastAssistantIndex && !(appearance && appearance.disableStreamingAnimation);
+        },
+        startConnection: function startConnection() {
+          var _this3 = this;
+          return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+            var _t3;
+            return _regenerator().w(function (_context3) {
+              while (1) switch (_context3.p = _context3.n) {
+                case 0:
+                  _this3.connection = new signalR.HubConnectionBuilder().withUrl(config.signalRHubUrl).withAutomaticReconnect().build();
+
+                  // Allow long-running operations (e.g., multi-step MCP tool calls)
+                  // without the client disconnecting prematurely.
+                  _this3.connection.serverTimeoutInMilliseconds = 600000;
+                  _this3.connection.keepAliveIntervalInMilliseconds = 15000;
+                  _this3.connection.on("LoadSession", function (data) {
+                    var _data$messages;
+                    _this3.initializeSession(data.sessionId, true);
+                    _this3.messages = [];
+                    _this3.documents = data.documents || [];
+                    ((_data$messages = data.messages) !== null && _data$messages !== void 0 ? _data$messages : []).forEach(function (msg) {
+                      _this3.addMessage(msg);
+                      _this3.$nextTick(function () {
+                        renderChartsInMessage(msg);
+                      });
+                    });
+
+                    // Update feedback icons in the DOM after all messages have rendered.
+                    _this3.$nextTick(function () {
+                      _this3.refreshAllFeedbackIcons();
+                    });
+
+                    // When the session is new (no messages) and an initial prompt is configured,
+                    // automatically send it as the first user message to trigger an AI response.
+                    if (_this3.messages.length === 0 && config.initialPrompt) {
+                      _this3.prompt = config.initialPrompt;
+                      _this3.sendMessage();
+                    }
+                  });
+                  _this3.connection.on("ReceiveError", function (error) {
+                    console.error("SignalR Error: ", error);
+                    if (_this3.isRecording) {
+                      _this3.stopRecording();
+                    }
+
+                    // If this is a widget with a stale cached session (e.g., profile was deleted),
+                    // clear the cached session and start fresh with the current profile.
+                    if (_this3.widgetIsInitialized && !_this3.isSessionStarted && !_this3._attemptedSessionRecovery) {
+                      _this3._attemptedSessionRecovery = true;
+                      localStorage.removeItem(_this3.chatWidgetStateSession);
+                      _this3.startNewSession();
+                    }
+                  });
+                  _this3.connection.on("MessageRated", function (messageId, userRating) {
+                    var msg = _this3.messages.find(function (m) {
+                      return m.id === messageId;
+                    });
+                    if (msg) {
+                      msg.userRating = userRating;
+                    }
+                  });
+                  _this3.connection.on("ReceiveTranscript", function (sessionId, text, isFinal) {
+                    if (_this3.isConversationMode) {
+                      if (!isFinal && text) {
+                        _this3._conversationPartialTranscript = text;
+                        var escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+                        var html = '<p class="ai-partial-transcript">' + escaped + '</p>';
+
+                        // Show partial transcript as a live user message.
+                        if (!_this3._conversationPartialMessage) {
+                          _this3.hidePlaceholder();
+                          _this3._conversationPartialMessage = {
+                            role: 'user',
+                            content: text,
+                            htmlContent: html,
+                            isPartial: true
+                          };
+                          _this3.messages.push(_this3._conversationPartialMessage);
+                        } else {
+                          _this3._conversationPartialMessage.content = text;
+                          _this3._conversationPartialMessage.htmlContent = html;
+                        }
+                        _this3.scrollToBottom();
+                      }
+                      return;
+                    }
+                    if (text && !_this3._audioInputSent) {
+                      _this3.prompt = _this3.preRecordingPrompt + text;
+                      if (_this3.inputElement) {
+                        _this3.inputElement.value = _this3.prompt;
+                        _this3.inputElement.dispatchEvent(new Event('input'));
+                      }
+                    }
+                  });
+                  _this3.connection.on("ReceiveConversationUserMessage", function (sessionId, text) {
+                    if (text) {
+                      _this3.stopAudio();
+
+                      // If there's an interrupted assistant message still streaming,
+                      // mark it as done to stop the spinner animation.
+                      if (_this3._conversationAssistantMessage) {
+                        var oldMsg = _this3.messages[_this3._conversationAssistantMessage.index];
+                        if (oldMsg) {
+                          oldMsg.isStreaming = false;
+                        }
+                        _this3._conversationAssistantMessage = null;
+                      }
+
+                      // Replace the partial transcript message with the final one.
+                      if (_this3._conversationPartialMessage) {
+                        var escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+                        _this3._conversationPartialMessage.content = text;
+                        _this3._conversationPartialMessage.htmlContent = '<p>' + escaped + '</p>';
+                        _this3._conversationPartialMessage.isPartial = false;
+                        _this3._conversationPartialMessage = null;
+                      } else {
+                        _this3.addMessage({
+                          role: 'user',
+                          content: text
+                        });
+                      }
+                      _this3.scrollToBottom();
+                    }
+                  });
+                  _this3.connection.on("ReceiveConversationAssistantToken", function (sessionId, messageId, token, responseId, appearance) {
+                    if (!_this3._conversationAssistantMessage) {
+                      _this3.stopAudio();
+                      _this3.hideTypingIndicator();
+
+                      // Ensure no stale streaming indicators remain from prior messages.
+                      for (var j = 0; j < _this3.messages.length; j++) {
+                        if (_this3.messages[j].isStreaming) {
+                          _this3.messages[j].isStreaming = false;
+                        }
+                      }
+                      var msgIndex = _this3.messages.length;
+                      var newMessage = {
+                        id: messageId,
+                        role: "assistant",
+                        content: "",
+                        htmlContent: "",
+                        isStreaming: true,
+                        userRating: null,
+                        appearance: _this3.normalizeAssistantAppearance(appearance)
+                      };
+                      _this3.messages.push(newMessage);
+                      _this3._conversationAssistantMessage = {
+                        index: msgIndex,
+                        content: ''
+                      };
+                    }
+                    _this3._conversationAssistantMessage.content += token;
+                    var msg = _this3.messages[_this3._conversationAssistantMessage.index];
+                    if (msg) {
+                      if (!msg.appearance) {
+                        msg.appearance = _this3.normalizeAssistantAppearance(appearance);
+                      }
+                      msg.content = _this3._conversationAssistantMessage.content;
+                      msg.htmlContent = parseMarkdownContent(msg.content, msg);
+                      _this3.$nextTick(function () {
+                        renderChartsInMessage(msg);
+                        _this3.scrollToBottom();
+                      });
+                    }
+                  });
+                  _this3.connection.on("ReceiveConversationAssistantComplete", function (sessionId, messageId) {
+                    if (_this3._conversationAssistantMessage) {
+                      var msg = _this3.messages[_this3._conversationAssistantMessage.index];
+                      if (msg) {
+                        msg.isStreaming = false;
+                      }
+                      _this3._conversationAssistantMessage = null;
+                    }
+                  });
+                  _this3.connection.on("ReceiveAudioChunk", function (sessionId, base64Audio, contentType) {
+                    if (base64Audio) {
+                      var binaryString = atob(base64Audio);
+                      var bytes = new Uint8Array(binaryString.length);
+                      for (var i = 0; i < binaryString.length; i++) {
+                        bytes[i] = binaryString.charCodeAt(i);
+                      }
+                      _this3.audioChunks.push(bytes);
+                    }
+                  });
+                  _this3.connection.on("ReceiveAudioComplete", function (sessionId) {
+                    _this3.playCollectedAudio();
+                  });
+                  _this3.connection.on("ReceiveNotification", function (notification) {
+                    _this3.receiveNotification(notification);
+                  });
+                  _this3.connection.on("UpdateNotification", function (notification) {
+                    _this3.updateNotification(notification);
+                  });
+                  _this3.connection.on("RemoveNotification", function (notificationType) {
+                    _this3.removeNotification(notificationType);
+                  });
+                  _this3.connection.onreconnecting(function () {
+                    console.warn("SignalR: reconnecting...");
+                  });
+                  _this3.connection.onreconnected(function () {
+                    console.info("SignalR: reconnected.");
+                    if (_this3.isSessionStarted) {
+                      _this3.reloadCurrentSession();
+                    } else if (config.autoCreateSession) {
+                      _this3.startNewSession();
+                    }
+                  });
+                  _this3.connection.onclose(function (error) {
+                    if (_this3.isNavigatingAway) {
+                      return;
+                    }
+                    if (error) {
+                      console.warn("SignalR connection closed with error:", error.message || error);
+                    }
+                  });
+                  _context3.p = 1;
+                  _context3.n = 2;
+                  return _this3.connection.start();
+                case 2:
+                  _context3.n = 4;
+                  break;
+                case 3:
+                  _context3.p = 3;
+                  _t3 = _context3.v;
+                  console.error("SignalR Connection Error: ", _t3);
+                case 4:
+                  return _context3.a(2);
+              }
+            }, _callee3, null, [[1, 3]]);
+          }))();
+        },
+        addMessageInternal: function addMessageInternal(message) {
+          var _this4 = this;
+          if (message.role === 'assistant') {
+            message.appearance = this.normalizeAssistantAppearance(message.appearance);
+          }
+          if (message.content && !message.htmlContent) {
+            message.htmlContent = parseMarkdownContent(message.content, message);
+          }
+          this.fireEvent(new CustomEvent("addingOpenAIPromotMessage", {
+            detail: {
+              message: message
+            }
+          }));
+          this.messages.push(message);
+          this.$nextTick(function () {
+            _this4.fireEvent(new CustomEvent("addedOpenAIPromotMessage", {
+              detail: {
+                message: message
+              }
+            }));
+          });
+        },
+        addMessage: function addMessage(message) {
+          var _this5 = this;
+          // Ensure userRating is always defined for Vue reactivity.
+          if (message.userRating === undefined) {
+            message.userRating = null;
+          }
+          if (message.content) {
+            var processedContent = message.content.trim();
+            message.references = normalizeReferences(message.references);
+            if (message.references && _typeof(message.references) === "object" && Object.keys(message.references).length) {
+              // Only include references that were actually cited in the response.
+              var citedRefs = Object.entries(message.references).filter(function (_ref4) {
+                var _ref5 = _slicedToArray(_ref4, 1),
+                  key = _ref5[0];
+                return processedContent.includes(key);
+              });
+              if (citedRefs.length) {
+                // Sort by original index so display indices follow a natural order.
+                citedRefs.sort(function (_ref6, _ref7) {
+                  var _ref8 = _slicedToArray(_ref6, 2),
+                    a = _ref8[1];
+                  var _ref9 = _slicedToArray(_ref7, 2),
+                    b = _ref9[1];
+                  return a.index - b.index;
+                });
+
+                // Phase 1: Replace all markers with unique placeholders.
+                var displayIndex = 1;
+                var _iterator2 = _createForOfIteratorHelper(citedRefs),
+                  _step2;
+                try {
+                  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                    var _step2$value = _slicedToArray(_step2.value, 2),
+                      key = _step2$value[0],
+                      value = _step2$value[1];
+                    var placeholder = "__CITE_".concat(value.index, "__");
+                    processedContent = processedContent.replaceAll(key, placeholder);
+                    value._displayIndex = displayIndex++;
+                    value._placeholder = placeholder;
+                  }
+
+                  // Phase 2: Replace placeholders with sequential display indices.
+                } catch (err) {
+                  _iterator2.e(err);
+                } finally {
+                  _iterator2.f();
+                }
+                var _iterator3 = _createForOfIteratorHelper(citedRefs),
+                  _step3;
+                try {
+                  for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                    var _step3$value = _slicedToArray(_step3.value, 2),
+                      _value = _step3$value[1];
+                    processedContent = processedContent.replaceAll(_value._placeholder, "<sup><strong>".concat(_value._displayIndex, "</strong></sup>"));
+                  }
+
+                  // if we have multiple references, add a comma to ensure we don't concatenate numbers.
+                } catch (err) {
+                  _iterator3.e(err);
+                } finally {
+                  _iterator3.f();
+                }
+                processedContent = processedContent.replaceAll('</strong></sup><sup>', '</strong></sup><sup>,</sup><sup>');
+                processedContent += '<br><br>';
+                var _iterator4 = _createForOfIteratorHelper(citedRefs),
+                  _step4;
+                try {
+                  for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                    var _step4$value = _slicedToArray(_step4.value, 2),
+                      _key = _step4$value[0],
+                      _value2 = _step4$value[1];
+                    var label = _value2.text || _key;
+                    processedContent += _value2.link ? "**".concat(_value2._displayIndex, "**. [").concat(label, "](").concat(_value2.link, ")<br>") : "**".concat(_value2._displayIndex, "**. ").concat(label, "<br>");
+                  }
+                } catch (err) {
+                  _iterator4.e(err);
+                } finally {
+                  _iterator4.f();
+                }
+              }
+            }
+            message.content = processedContent;
+            message.htmlContent = parseMarkdownContent(processedContent, message);
+          }
+          this.addMessageInternal(message);
+          this.hidePlaceholder();
+          this.$nextTick(function () {
+            // Render any pending charts once the DOM is updated
+            renderChartsInMessage(message);
+            _this5.scrollToBottom();
+          });
+        },
+        addMessages: function addMessages(messages) {
+          var _this6 = this;
+          for (var i = 0; i < messages.length; i++) {
+            this.addMessageInternal(messages[i]);
+          }
+          this.hidePlaceholder();
+          this.$nextTick(function () {
+            _this6.scrollToBottom();
+          });
+        },
+        hidePlaceholder: function hidePlaceholder() {
+          if (this.placeholder) {
+            this.placeholder.classList.add('d-none');
+          }
+          this.isPlaceholderVisible = false;
+        },
+        showPlaceholder: function showPlaceholder() {
+          if (this.placeholder) {
+            this.placeholder.classList.remove('d-none');
+          }
+          this.isPlaceholderVisible = true;
+        },
+        isOrchestratorAvailable: function isOrchestratorAvailable() {
+          return config.isOrchestratorAvailable !== false;
+        },
+        applyOrchestratorAvailability: function applyOrchestratorAvailability() {
+          if (this.isOrchestratorAvailable()) {
+            return true;
+          }
+          var unavailableMessage = config.orchestratorUnavailableMessage || "This orchestrator is not currently available.";
+          if (this.inputElement) {
+            this.inputElement.disabled = true;
+            this.inputElement.value = '';
+            this.inputElement.placeholder = unavailableMessage;
+          }
+          if (this.buttonElement) {
+            this.buttonElement.disabled = true;
+          }
+          if (this.micButtonElement) {
+            this.micButtonElement.disabled = true;
+            this.micButtonElement.style.display = 'none';
+          }
+          if (this.conversationButtonElement) {
+            this.conversationButtonElement.disabled = true;
+            this.conversationButtonElement.style.display = 'none';
+          }
+          return false;
+        },
+        fireEvent: function fireEvent(event) {
+          document.dispatchEvent(event);
+        },
+        isIndicator: function isIndicator(message) {
+          return message.role === 'indicator';
+        },
+        sendMessage: function sendMessage() {
+          if (!this.applyOrchestratorAvailability()) {
+            return;
+          }
+          var trimmedPrompt = this.prompt.trim();
+          if (!trimmedPrompt) {
+            return;
+          }
+
+          // Stop any active recording before sending.
+          if (this.isRecording) {
+            this.stopRecording();
+          }
+
+          // Prevent stale ReceiveTranscript events from repopulating the prompt.
+          this._audioInputSent = true;
+          this.addMessage({
+            role: 'user',
+            content: trimmedPrompt
+          });
+          this.streamMessage(this.getProfileId(), trimmedPrompt, null);
+          this.inputElement.value = '';
+          this.prompt = '';
+        },
+        startRecording: function startRecording() {
+          var _this7 = this;
+          if (this.isRecording || !this.connection) {
+            return;
+          }
+          navigator.mediaDevices.getUserMedia({
+            audio: {
+              echoCancellation: true,
+              noiseSuppression: true,
+              autoGainControl: true
+            }
+          }).then(function (stream) {
+            var mimeType = MediaRecorder.isTypeSupported('audio/ogg;codecs=opus') ? 'audio/ogg;codecs=opus' : MediaRecorder.isTypeSupported('audio/webm;codecs=opus') ? 'audio/webm;codecs=opus' : 'audio/webm';
+            _this7.mediaRecorder = new MediaRecorder(stream, {
+              mimeType: mimeType,
+              audioBitsPerSecond: 128000
+            });
+            _this7.preRecordingPrompt = _this7.prompt;
+            _this7._audioInputSent = false;
+            var subject = new signalR.Subject();
+            var profileId = _this7.getProfileId();
+            var sessionId = _this7.getSessionId() || '';
+            var pendingChunk = Promise.resolve();
+            _this7.mediaRecorder.addEventListener('dataavailable', function (e) {
+              if (e.data && e.data.size > 0) {
+                pendingChunk = pendingChunk.then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+                  var data, uint8Array, binaryString, base64;
+                  return _regenerator().w(function (_context4) {
+                    while (1) switch (_context4.n) {
+                      case 0:
+                        _context4.n = 1;
+                        return e.data.arrayBuffer();
+                      case 1:
+                        data = _context4.v;
+                        uint8Array = new Uint8Array(data);
+                        binaryString = uint8Array.reduce(function (str, _byte) {
+                          return str + String.fromCharCode(_byte);
+                        }, '');
+                        base64 = btoa(binaryString);
+                        subject.next(base64);
+                      case 2:
+                        return _context4.a(2);
+                    }
+                  }, _callee4);
+                })));
+              }
+            });
+            _this7.mediaRecorder.addEventListener('stop', function () {
+              stream.getTracks().forEach(function (track) {
+                return track.stop();
+              });
+              pendingChunk.then(function () {
+                return subject.complete();
+              });
+            });
+            var language = navigator.language || document.documentElement.lang || 'en-US';
+            _this7.connection.send("SendAudioStream", profileId, sessionId, subject, mimeType, language);
+            _this7.mediaRecorder.start(250);
+            _this7.isRecording = true;
+            _this7.updateMicButton();
+          })["catch"](function (err) {
+            console.error('Microphone access denied:', err);
+          });
+        },
+        stopRecording: function stopRecording() {
+          if (!this.isRecording || !this.mediaRecorder) {
+            return;
+          }
+          this.mediaRecorder.stop();
+          this.isRecording = false;
+          this.updateMicButton();
+        },
+        toggleRecording: function toggleRecording() {
+          if (this.isRecording) {
+            this.stopRecording();
+          } else {
+            this.startRecording();
+          }
+        },
+        updateMicButton: function updateMicButton() {
+          if (!this.micButton) {
+            return;
+          }
+          if (this.isRecording) {
+            this.micButton.classList.add('stt-recording');
+            this.micButton.innerHTML = '<i class="fa-solid fa-stop"></i>';
+          } else {
+            this.micButton.classList.remove('stt-recording');
+            this.micButton.innerHTML = '<i class="fa-solid fa-microphone"></i>';
+          }
+        },
+        streamMessage: function streamMessage(profileId, trimmedPrompt, sessionProfileId) {
+          var _this8 = this;
+          if (this.stream) {
+            this.stream.dispose();
+            this.stream = null;
+          }
+          this.streamingStarted();
+          this.showTypingIndicator();
+          this.autoScroll = true;
+          var content = '';
+          var references = {};
+          var lastResponseId = null;
+
+          // Get the index after showing typing indicator.
+          var messageIndex = this.messages.length;
+          var currentSessionId = this.getSessionId();
+          this.stream = this.connection.stream("SendMessage", profileId, trimmedPrompt, currentSessionId, sessionProfileId).subscribe({
+            next: function next(chunk) {
+              var message = _this8.messages[messageIndex];
+              if (!message) {
+                if (chunk.sessionId && !currentSessionId) {
+                  _this8.initializeSession(chunk.sessionId);
+                }
+                _this8.hideTypingIndicator();
+                // Re-assign the index after hiding the typing indicator.
+                messageIndex = _this8.messages.length;
+                var newMessage = {
+                  id: chunk.messageId,
+                  role: "assistant",
+                  title: chunk.title,
+                  content: "",
+                  htmlContent: "",
+                  isStreaming: true,
+                  userRating: null
+                };
+                _this8.messages.push(newMessage);
+                message = newMessage;
+              }
+              if (chunk.title && (!message.title || message.title !== chunk.title)) {
+                message.title = chunk.title;
+              }
+              if (chunk.references && _typeof(chunk.references) === "object" && Object.keys(chunk.references).length) {
+                for (var _i3 = 0, _Object$entries2 = Object.entries(chunk.references); _i3 < _Object$entries2.length; _i3++) {
+                  var _normalizeReference2;
+                  var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i3], 2),
+                    key = _Object$entries2$_i[0],
+                    value = _Object$entries2$_i[1];
+                  references[key] = (_normalizeReference2 = normalizeReference(value)) !== null && _normalizeReference2 !== void 0 ? _normalizeReference2 : {};
+                }
+              }
+              if (chunk.content) {
+                // When the responseId changes (e.g., after an internal tool call),
+                // insert a line break to visually separate response segments.
+                if (chunk.responseId && lastResponseId && chunk.responseId !== lastResponseId) {
+                  content += '\n\n';
+                }
+                if (chunk.responseId) {
+                  lastResponseId = chunk.responseId;
+                }
+                var processedContent = chunk.content;
+                for (var _i4 = 0, _Object$entries3 = Object.entries(references); _i4 < _Object$entries3.length; _i4++) {
+                  var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i4], 2),
+                    _key2 = _Object$entries3$_i[0],
+                    _value3 = _Object$entries3$_i[1];
+                  processedContent = processedContent.replaceAll(_key2, "<sup><strong>".concat(_value3.index, "</strong></sup>"));
+                }
+
+                // Append processed content to the message.
+                // if we have multiple references, add a comma to ensure we don't concatenate numbers.
+                content += processedContent.replaceAll('</strong></sup><sup>', '</strong></sup><sup>,</sup><sup>');
+              }
+
+              // Update the existing message
+              message.content = content;
+              message.htmlContent = parseMarkdownContent(content, message);
+              _this8.messages[messageIndex] = message;
+              _this8.$nextTick(function () {
+                renderChartsInMessage(message);
+                _this8.scrollToBottom();
+              });
+            },
+            complete: function complete() {
+              var _this8$stream;
+              _this8.processReferences(references, messageIndex);
+              _this8.streamingFinished();
+              var msg = _this8.messages[messageIndex];
+              if (msg) {
+                msg.isStreaming = false;
+              }
+              if (!msg || !msg.content) {
+                // No content received at all.
+                _this8.hideTypingIndicator();
+              }
+
+              // Trigger text-to-speech only in conversation mode.
+              if (_this8.isConversationMode && _this8.textToSpeechEnabled && msg && msg.content) {
+                _this8.synthesizeSpeech(msg.content);
+              }
+              (_this8$stream = _this8.stream) === null || _this8$stream === void 0 || _this8$stream.dispose();
+              _this8.stream = null;
+            },
+            error: function error(err) {
+              var _this8$stream2;
+              _this8.processReferences(references, messageIndex);
+              _this8.streamingFinished();
+              var msg = _this8.messages[messageIndex];
+              if (msg) {
+                msg.isStreaming = false;
+              }
+              _this8.hideTypingIndicator();
+              if (!_this8.isNavigatingAway) {
+                _this8.addMessage(_this8.getServiceDownMessage());
+              }
+              (_this8$stream2 = _this8.stream) === null || _this8$stream2 === void 0 || _this8$stream2.dispose();
+              _this8.stream = null;
+              console.error("Stream error:", err);
+            }
+          });
+        },
+        getServiceDownMessage: function getServiceDownMessage() {
+          var newMessage = {
+            role: "assistant",
+            content: "Our service is currently unavailable. Please try again later. We apologize for the inconvenience.",
+            htmlContent: ""
+          };
+          return newMessage;
+        },
+        processReferences: function processReferences(references, messageIndex) {
+          var _this9 = this;
+          references = normalizeReferences(references);
+          if (Object.keys(references).length) {
+            var message = this.messages[messageIndex];
+            var content = message.content || '';
+
+            // Only include references that were actually cited in the response.
+            // Check both raw [doc:N] markers and already-rendered <sup> tags from streaming.
+            var citedRefs = Object.entries(references).filter(function (_ref1) {
+              var _ref10 = _slicedToArray(_ref1, 2),
+                key = _ref10[0],
+                value = _ref10[1];
+              return content.includes(key) || content.includes("<sup><strong>".concat(value.index, "</strong></sup>"));
+            });
+            if (!citedRefs.length) {
+              return;
+            }
+
+            // Sort by original index so display indices follow a natural order.
+            citedRefs.sort(function (_ref11, _ref12) {
+              var _ref13 = _slicedToArray(_ref11, 2),
+                a = _ref13[1];
+              var _ref14 = _slicedToArray(_ref12, 2),
+                b = _ref14[1];
+              return a.index - b.index;
+            });
+
+            // Phase 1: Replace all markers with unique placeholders to avoid collisions during remapping.
+            var processed = content.trim();
+            var displayIndex = 1;
+            var _iterator5 = _createForOfIteratorHelper(citedRefs),
+              _step5;
+            try {
+              for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                var _step5$value = _slicedToArray(_step5.value, 2),
+                  key = _step5$value[0],
+                  value = _step5$value[1];
+                var placeholder = "__CITE_".concat(value.index, "__");
+                processed = processed.replaceAll(key, placeholder);
+                processed = processed.replaceAll("<sup><strong>".concat(value.index, "</strong></sup>"), placeholder);
+                value._displayIndex = displayIndex++;
+                value._placeholder = placeholder;
+              }
+
+              // Phase 2: Replace placeholders with sequential display indices.
+            } catch (err) {
+              _iterator5.e(err);
+            } finally {
+              _iterator5.f();
+            }
+            var _iterator6 = _createForOfIteratorHelper(citedRefs),
+              _step6;
+            try {
+              for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+                var _step6$value = _slicedToArray(_step6.value, 2),
+                  _value4 = _step6$value[1];
+                processed = processed.replaceAll(_value4._placeholder, "<sup><strong>".concat(_value4._displayIndex, "</strong></sup>"));
+              }
+            } catch (err) {
+              _iterator6.e(err);
+            } finally {
+              _iterator6.f();
+            }
+            processed = processed.replaceAll('</strong></sup><sup>', '</strong></sup><sup>,</sup><sup>');
+            processed += '<br><br>';
+            var _iterator7 = _createForOfIteratorHelper(citedRefs),
+              _step7;
+            try {
+              for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+                var _step7$value = _slicedToArray(_step7.value, 2),
+                  _key3 = _step7$value[0],
+                  _value5 = _step7$value[1];
+                var label = _value5.text || _key3;
+                processed += _value5.link ? "**".concat(_value5._displayIndex, "**. [").concat(label, "](").concat(_value5.link, ")<br>") : "**".concat(_value5._displayIndex, "**. ").concat(label, "<br>");
+              }
+            } catch (err) {
+              _iterator7.e(err);
+            } finally {
+              _iterator7.f();
+            }
+            message.content = processed;
+            message.htmlContent = parseMarkdownContent(processed, message);
+            this.messages[messageIndex] = message;
+            this.$nextTick(function () {
+              renderChartsInMessage(message);
+              _this9.scrollToBottom();
+            });
+          }
+        },
+        streamingStarted: function streamingStarted() {
+          var stopIcon = this.buttonElement.getAttribute('data-stop-icon');
+          if (stopIcon) {
+            this.buttonElement.replaceChildren(DOMPurify.sanitize(stopIcon, {
+              RETURN_DOM_FRAGMENT: true
+            }));
+          }
+          if (this.inputElement) {
+            this.inputElement.setAttribute('disabled', 'disabled');
+          }
+        },
+        streamingFinished: function streamingFinished() {
+          var startIcon = this.buttonElement.getAttribute('data-start-icon');
+          if (startIcon) {
+            this.buttonElement.replaceChildren(DOMPurify.sanitize(startIcon, {
+              RETURN_DOM_FRAGMENT: true
+            }));
+          }
+          if (this.inputElement) {
+            this.inputElement.removeAttribute('disabled');
+            this.inputElement.focus();
+          }
+
+          // Directly manipulate the DOM to stop all streaming animations.
+          if (this.chatContainer) {
+            var icons = this.chatContainer.querySelectorAll('.ai-streaming-icon');
+            for (var i = 0; i < icons.length; i++) {
+              icons[i].classList.remove('ai-streaming-icon');
+              icons[i].classList.add('ai-bot-icon');
+            }
+          }
+
+          // Also update Vue data for consistency.
+          for (var i = 0; i < this.messages.length; i++) {
+            if (this.messages[i].isStreaming) {
+              this.messages[i].isStreaming = false;
+            }
+          }
+        },
+        synthesizeSpeech: function synthesizeSpeech(text) {
+          var _this0 = this;
+          if (!this.textToSpeechEnabled || !text || !this.connection) {
+            return;
+          }
+          this.audioChunks = [];
+          this.isPlayingAudio = true;
+          this.connection.invoke("SynthesizeSpeech", this.getProfileId(), this.getSessionId(), text, this.ttsVoiceName)["catch"](function (err) {
+            console.error("TTS synthesis error:", err);
+            _this0.isPlayingAudio = false;
+          });
+        },
+        playCollectedAudio: function playCollectedAudio() {
+          if (this.audioChunks.length === 0) {
+            if (!this.currentAudioElement && this.audioPlayQueue.length === 0) {
+              this.isPlayingAudio = false;
+            }
+            return;
+          }
+          var totalLength = this.audioChunks.reduce(function (sum, chunk) {
+            return sum + chunk.length;
+          }, 0);
+          var combined = new Uint8Array(totalLength);
+          var offset = 0;
+          var _iterator8 = _createForOfIteratorHelper(this.audioChunks),
+            _step8;
+          try {
+            for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+              var chunk = _step8.value;
+              combined.set(chunk, offset);
+              offset += chunk.length;
+            }
+          } catch (err) {
+            _iterator8.e(err);
+          } finally {
+            _iterator8.f();
+          }
+          this.audioChunks = [];
+          var blob = new Blob([combined], {
+            type: 'audio/mp3'
+          });
+
+          // If audio is already playing, queue this blob for sequential playback.
+          if (this.currentAudioElement) {
+            this.audioPlayQueue.push(blob);
+            return;
+          }
+          this.playAudioBlob(blob);
+        },
+        playAudioBlob: function playAudioBlob(blob) {
+          var _this1 = this;
+          var url = URL.createObjectURL(blob);
+          var audio = new Audio(url);
+          this.currentAudioElement = audio;
+          this.isPlayingAudio = true;
+          audio.addEventListener('ended', function () {
+            URL.revokeObjectURL(url);
+            _this1.currentAudioElement = null;
+            _this1.playNextInQueue();
+          });
+          audio.addEventListener('error', function () {
+            URL.revokeObjectURL(url);
+            _this1.currentAudioElement = null;
+            _this1.playNextInQueue();
+          });
+          audio.play()["catch"](function (err) {
+            console.error("Audio playback error:", err);
+            URL.revokeObjectURL(url);
+            _this1.currentAudioElement = null;
+            _this1.isPlayingAudio = false;
+          });
+        },
+        playNextInQueue: function playNextInQueue() {
+          if (this.audioPlayQueue.length > 0) {
+            var nextBlob = this.audioPlayQueue.shift();
+            this.playAudioBlob(nextBlob);
+          } else {
+            this.isPlayingAudio = false;
+            this.conversationModeOnAudioEnded();
+          }
+        },
+        stopAudio: function stopAudio() {
+          if (this.currentAudioElement) {
+            this.currentAudioElement.pause();
+            this.currentAudioElement.currentTime = 0;
+            this.currentAudioElement = null;
+          }
+          this.audioChunks = [];
+          this.audioPlayQueue = [];
+          this.isPlayingAudio = false;
+        },
+        toggleConversationMode: function toggleConversationMode() {
+          if (this.isConversationMode) {
+            this.stopConversationMode();
+          } else {
+            this.startConversationMode();
+          }
+        },
+        startConversationMode: function startConversationMode() {
+          var _this10 = this;
+          if (!this.conversationModeEnabled || this.isConversationMode || !this.connection) {
+            return;
+          }
+          this.isConversationMode = true;
+          this.updateConversationButton();
+          this._conversationPartialTranscript = '';
+          this._conversationAssistantMessage = null;
+          this._conversationPartialMessage = null;
+
+          // Remove any previous conversation ended notification.
+          this.removeNotification('conversation-ended');
+          navigator.mediaDevices.getUserMedia({
+            audio: {
+              echoCancellation: true,
+              noiseSuppression: true,
+              autoGainControl: true
+            }
+          }).then(function (stream) {
+            var mimeType = MediaRecorder.isTypeSupported('audio/ogg;codecs=opus') ? 'audio/ogg;codecs=opus' : MediaRecorder.isTypeSupported('audio/webm;codecs=opus') ? 'audio/webm;codecs=opus' : 'audio/webm';
+            _this10.mediaRecorder = new MediaRecorder(stream, {
+              mimeType: mimeType,
+              audioBitsPerSecond: 128000
+            });
+            _this10._conversationSubject = new signalR.Subject();
+            _this10._conversationStream = stream;
+
+            // Create an AnalyserNode for volume-based interrupt detection.
+            // During TTS playback, detect when the user speaks above
+            // the threshold to stop TTS (interrupt). Audio chunks are
+            // always forwarded — browser echo cancellation handles
+            // speaker echo so the STT stream has no gaps.
+            var AudioCtx = window.AudioContext || window.webkitAudioContext;
+            if (AudioCtx) {
+              _this10._conversationAudioCtx = new AudioCtx();
+              _this10._conversationAnalyser = _this10._conversationAudioCtx.createAnalyser();
+              _this10._conversationAnalyser.fftSize = 256;
+              var micSource = _this10._conversationAudioCtx.createMediaStreamSource(stream);
+              micSource.connect(_this10._conversationAnalyser);
+            }
+            var pendingChunk = Promise.resolve();
+            var analyser = _this10._conversationAnalyser;
+            var interruptVolumeThreshold = 30;
+            _this10.mediaRecorder.addEventListener('dataavailable', function (e) {
+              if (e.data && e.data.size > 0) {
+                // During TTS playback, check mic volume to detect
+                // user interruption (speaking above threshold).
+                if (_this10.isPlayingAudio && analyser) {
+                  var freqData = new Uint8Array(analyser.frequencyBinCount);
+                  analyser.getByteFrequencyData(freqData);
+                  var sum = 0;
+                  for (var k = 0; k < freqData.length; k++) {
+                    sum += freqData[k];
+                  }
+                  var avg = sum / freqData.length;
+                  if (avg >= interruptVolumeThreshold) {
+                    // User is speaking — interrupt TTS playback.
+                    _this10.stopAudio();
+                  }
+                }
+
+                // Always send audio to STT — browser echo cancellation
+                // handles speaker echo; continuous audio avoids gaps
+                // that increase recognition latency.
+                pendingChunk = pendingChunk.then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
+                  var data, uint8Array, binaryString, base64;
+                  return _regenerator().w(function (_context5) {
+                    while (1) switch (_context5.n) {
+                      case 0:
+                        _context5.n = 1;
+                        return e.data.arrayBuffer();
+                      case 1:
+                        data = _context5.v;
+                        uint8Array = new Uint8Array(data);
+                        binaryString = uint8Array.reduce(function (str, _byte2) {
+                          return str + String.fromCharCode(_byte2);
+                        }, '');
+                        base64 = btoa(binaryString);
+                        try {
+                          _this10._conversationSubject.next(base64);
+                        } catch (err) {
+                          // Subject may have been completed already.
+                        }
+                      case 2:
+                        return _context5.a(2);
+                    }
+                  }, _callee5);
+                })));
+              }
+            });
+            _this10.mediaRecorder.addEventListener('stop', function () {
+              stream.getTracks().forEach(function (track) {
+                return track.stop();
+              });
+              pendingChunk.then(function () {
+                try {
+                  _this10._conversationSubject.complete();
+                } catch (err) {
+                  // Already completed.
+                }
+              });
+            });
+            var profileId = _this10.getProfileId();
+            var sessionId = _this10.getSessionId() || '';
+            var language = navigator.language || document.documentElement.lang || 'en-US';
+            _this10.connection.send("StartConversation", profileId, sessionId, _this10._conversationSubject, mimeType, language);
+            _this10.mediaRecorder.start(250);
+            _this10.isRecording = true;
+          })["catch"](function (err) {
+            console.error('Microphone access denied:', err);
+            _this10.isConversationMode = false;
+            _this10.updateConversationButton();
+          });
+        },
+        stopConversationMode: function stopConversationMode() {
+          if (!this.isConversationMode) {
+            return;
+          }
+          this.isConversationMode = false;
+          this.updateConversationButton();
+
+          // Signal the server to cancel all in-progress STT/TTS streams immediately.
+          if (this.connection) {
+            this.connection.invoke("StopConversation")["catch"](function () {});
+          }
+          if (this.isRecording && this.mediaRecorder) {
+            this.mediaRecorder.stop();
+            this.isRecording = false;
+          }
+          this.stopAudio();
+          this._conversationPartialTranscript = '';
+          this._conversationPartialMessage = null;
+
+          // Clean up the AudioContext used for volume monitoring.
+          if (this._conversationAudioCtx) {
+            this._conversationAudioCtx.close()["catch"](function () {});
+            this._conversationAudioCtx = null;
+            this._conversationAnalyser = null;
+          }
+
+          // Mark any in-flight assistant message as done to stop the spinner.
+          if (this._conversationAssistantMessage) {
+            var msg = this.messages[this._conversationAssistantMessage.index];
+            if (msg) {
+              msg.isStreaming = false;
+            }
+            this._conversationAssistantMessage = null;
+          }
+
+          // Safety net: clear all lingering streaming indicators.
+          for (var i = 0; i < this.messages.length; i++) {
+            if (this.messages[i].isStreaming) {
+              this.messages[i].isStreaming = false;
+            }
+          }
+
+          // Show a "conversation ended" notification system message.
+          this.receiveNotification({
+            type: 'conversation-ended',
+            content: 'Conversation ended.',
+            icon: 'fa-solid fa-circle-check',
+            dismissible: true,
+            autoDismissMs: 5000
+          });
+        },
+        updateConversationButton: function updateConversationButton() {
+          if (!this.conversationButton) {
+            return;
+          }
+          if (this.isConversationMode) {
+            this.conversationButton.classList.add('active', 'btn-primary');
+            this.conversationButton.classList.remove('btn-dark', 'btn-outline-dark', 'btn-outline-secondary');
+            this.conversationButton.title = this.conversationButton.getAttribute('data-end-title') || 'End Conversation';
+            var endHtml = this.conversationButton.getAttribute('data-end-html');
+            if (endHtml) {
+              this.conversationButton.replaceChildren(DOMPurify.sanitize(endHtml, {
+                RETURN_DOM_FRAGMENT: true
+              }));
+            }
+          } else {
+            this.conversationButton.classList.remove('active', 'btn-primary');
+            this.conversationButton.classList.remove('btn-dark', 'btn-outline-secondary');
+            this.conversationButton.classList.add('btn-outline-dark');
+            this.conversationButton.blur();
+            this.conversationButton.title = this.conversationButton.getAttribute('data-start-title') || 'Start Conversation';
+            var startHtml = this.conversationButton.getAttribute('data-start-html');
+            if (startHtml) {
+              this.conversationButton.replaceChildren(DOMPurify.sanitize(startHtml, {
+                RETURN_DOM_FRAGMENT: true
+              }));
+            }
+          }
+        },
+        conversationModeSendPrompt: function conversationModeSendPrompt() {
+          // Legacy: only used by AudioInput mode's ReceiveTranscript.
+        },
+        conversationModeOnAudioEnded: function conversationModeOnAudioEnded() {
+          // Legacy: in conversation mode, audio playback continuation
+          // is handled by the persistent stream. This method is only
+          // called from playCollectedAudio for non-conversation TTS.
+        },
+        generatePrompt: function generatePrompt(element) {
+          if (!element) {
+            console.error('The element paramter is required.');
+            return;
+          }
+          var templateProfileId = element.getAttribute('data-profile-id');
+          var sessionId = this.getSessionId();
+          var sessionProfileId = this.getProfileId();
+          if (!templateProfileId || !sessionId) {
+            console.error('The given element is missing data-profile-id or the session has not yet started.');
+            return;
+          }
+
+          // streamMessage() already shows the typing indicator.
+          this.streamMessage(templateProfileId, null, sessionProfileId);
+        },
+        createSessionUrl: function createSessionUrl(baseUrl, param, value) {
+          var fullUrl = baseUrl.toLowerCase().startsWith('http') ? baseUrl : window.location.origin + baseUrl;
+          var url = new URL(fullUrl);
+          url.searchParams.set(param, value);
+          return url.toString();
+        },
+        showTypingIndicator: function showTypingIndicator() {
+          this.addMessage({
+            role: 'indicator',
+            htmlContent: config.indicatorTemplate
+          });
+        },
+        hideTypingIndicator: function hideTypingIndicator() {
+          var originalLength = this.messages.length;
+          this.messages = this.messages.filter(function (msg) {
+            return msg.role !== 'indicator';
+          });
+          var removedCount = originalLength - this.messages.length;
+          return removedCount;
+        },
+        receiveNotification: function receiveNotification(notification) {
+          var _this11 = this;
+          if (!notification || !notification.type) {
+            return;
+          }
+          this.clearNotificationDismiss(notification.type);
+          var existingIndex = this.notifications.findIndex(function (n) {
+            return n.type === notification.type;
+          });
+          if (existingIndex >= 0) {
+            this.notifications.splice(existingIndex, 1, notification);
+          } else {
+            this.notifications.push(notification);
+          }
+          this.scheduleNotificationDismiss(notification);
+          this.$nextTick(function () {
+            _this11.scrollToBottom();
+          });
+        },
+        updateNotification: function updateNotification(notification) {
+          if (!notification || !notification.type) {
+            return;
+          }
+          this.clearNotificationDismiss(notification.type);
+          var existingIndex = this.notifications.findIndex(function (n) {
+            return n.type === notification.type;
+          });
+          if (existingIndex >= 0) {
+            this.notifications.splice(existingIndex, 1, notification);
+            this.scheduleNotificationDismiss(notification);
+          }
+        },
+        scheduleNotificationDismiss: function scheduleNotificationDismiss(notification) {
+          var _this12 = this;
+          if (!notification || !notification.type || !notification.autoDismissMs || notification.autoDismissMs <= 0) {
+            return;
+          }
+          this.notificationDismissTimers[notification.type] = setTimeout(function () {
+            _this12.removeNotification(notification.type);
+          }, notification.autoDismissMs);
+        },
+        clearNotificationDismiss: function clearNotificationDismiss(notificationType) {
+          var timerId = this.notificationDismissTimers[notificationType];
+          if (!timerId) {
+            return;
+          }
+          clearTimeout(timerId);
+          delete this.notificationDismissTimers[notificationType];
+        },
+        removeNotification: function removeNotification(notificationType) {
+          this.clearNotificationDismiss(notificationType);
+          this.notifications = this.notifications.filter(function (n) {
+            return n.type !== notificationType;
+          });
+        },
+        dismissNotification: function dismissNotification(notificationType) {
+          this.removeNotification(notificationType);
+        },
+        handleNotificationAction: function handleNotificationAction(notificationType, actionName) {
+          if (!this.connection) {
+            return;
+          }
+          var sessionId = this.getSessionId();
+          this.connection.invoke("HandleNotificationAction", sessionId, notificationType, actionName)["catch"](function (err) {
+            console.error("Error handling notification action:", err);
+          });
+        },
+        scrollToBottom: function scrollToBottom() {
+          var _this13 = this;
+          if (!this.autoScroll) {
+            return;
+          }
+          setTimeout(function () {
+            _this13.chatContainer.scrollTop = _this13.chatContainer.scrollHeight - _this13.chatContainer.clientHeight;
+          }, 50);
+        },
+        handleUserInput: function handleUserInput(event) {
+          this.prompt = event.target.value;
+        },
+        getProfileId: function getProfileId() {
+          return this.inputElement.getAttribute('data-profile-id');
+        },
+        setSessionId: function setSessionId(sessionId) {
+          this.inputElement.setAttribute('data-session-id', sessionId || '');
+        },
+        resetSession: function resetSession() {
+          this.stopRecording();
+          this.setSessionId('');
+          this.isSessionStarted = false;
+          this.sessionRating = null;
+          if (this.widgetIsInitialized) {
+            localStorage.removeItem(this.chatWidgetStateSession);
+          }
+          this.messages = [];
+          this.documents = [];
+          if (!config.autoCreateSession) {
+            this.showPlaceholder();
+          }
+          if (config.autoCreateSession) {
+            this.startNewSession();
+          }
+        },
+        startNewSession: function startNewSession() {
+          if (!this.applyOrchestratorAvailability()) {
+            return;
+          }
+          var profileId = this.getProfileId();
+          if (!profileId || !this.connection) {
+            return;
+          }
+          this.connection.invoke("StartSession", profileId, null)["catch"](function (err) {
+            return console.error(err);
+          });
+        },
+        initializeApp: function initializeApp() {
+          var _this14 = this;
+          this.inputElement = document.querySelector(config.inputElementSelector);
+          this.buttonElement = document.querySelector(config.sendButtonElementSelector);
+          this.chatContainer = document.querySelector(config.chatContainerElementSelector);
+          this.placeholder = document.querySelector(config.placeholderElementSelector);
+          this.applyOrchestratorAvailability();
+          var sessionId = this.getSessionId();
+          if (!config.widget && sessionId) {
+            this.loadSession(sessionId);
+          } else if (this.isOrchestratorAvailable() && config.autoCreateSession && !config.widget && !sessionId) {
+            this.startNewSession();
+          }
+
+          // Initialize document bar if enabled.
+          if (config.sessionDocumentsEnabled && config.documentBarSelector) {
+            this.documentBar = document.querySelector(config.documentBarSelector);
+            if (this.documentBar) {
+              this.renderDocumentBar();
+
+              // Create hidden file input for document uploads.
+              var fileInput = document.createElement('input');
+              fileInput.type = 'file';
+              fileInput.id = 'ai-chat-doc-input';
+              fileInput.className = 'd-none';
+              fileInput.multiple = true;
+              if (config.allowedExtensions) {
+                fileInput.accept = config.allowedExtensions;
+              }
+              fileInput.addEventListener('change', function (e) {
+                return _this14.handleFileInputChange(e);
+              });
+              this.documentBar.parentElement.appendChild(fileInput);
+
+              // Set up drag-and-drop on the input area.
+              var inputArea = this.inputElement ? this.inputElement.closest('.ai-admin-widget-input, .text-bg-light') : null;
+              if (inputArea) {
+                inputArea.addEventListener('dragover', function (e) {
+                  return _this14.handleDragOver(e);
+                });
+                inputArea.addEventListener('dragleave', function (e) {
+                  return _this14.handleDragLeave(e);
+                });
+                inputArea.addEventListener('drop', function (e) {
+                  return _this14.handleDrop(e);
+                });
+              }
+            }
+          }
+
+          // Pause auto-scroll when the user manually scrolls up during streaming.
+          this.chatContainer.addEventListener('scroll', function () {
+            if (!_this14.stream) {
+              return;
+            }
+            var threshold = 30;
+            var atBottom = _this14.chatContainer.scrollHeight - _this14.chatContainer.clientHeight - _this14.chatContainer.scrollTop <= threshold;
+            _this14.autoScroll = atBottom;
+          });
+          this.inputElement.addEventListener('keydown', function (event) {
+            if (_this14.stream != null) {
+              return;
+            }
+            if (event.key === "Enter" && !event.shiftKey) {
+              event.preventDefault();
+              _this14.buttonElement.click();
+            }
+          });
+          this.inputElement.addEventListener('input', function (e) {
+            _this14.handleUserInput(e);
+            if (e.target.value.trim()) {
+              _this14.buttonElement.removeAttribute('disabled');
+            } else {
+              _this14.buttonElement.setAttribute('disabled', true);
+            }
+          });
+          this.buttonElement.addEventListener('click', function () {
+            if (_this14.stream != null) {
+              _this14.stream.dispose();
+              _this14.stream = null;
+              _this14.streamingFinished();
+              _this14.hideTypingIndicator();
+
+              // Clean up: remove empty assistant message or stop streaming animation.
+              if (_this14.messages.length > 0) {
+                var lastMsg = _this14.messages[_this14.messages.length - 1];
+                if (lastMsg.role === 'assistant' && !lastMsg.content) {
+                  _this14.messages.pop();
+                } else if (lastMsg.isStreaming) {
+                  lastMsg.isStreaming = false;
+                }
+              }
+              return;
+            }
+            _this14.sendMessage();
+          });
+          var promptGenerators = document.getElementsByClassName('profile-generated-prompt');
+          for (var i = 0; i < promptGenerators.length; i++) {
+            promptGenerators[i].addEventListener('click', function (e) {
+              e.preventDefault();
+              _this14.generatePrompt(e.target);
+            });
+          }
+          var chatSessions = document.getElementsByClassName('chat-session-history-item');
+          for (var i = 0; i < chatSessions.length; i++) {
+            chatSessions[i].addEventListener('click', function (e) {
+              e.preventDefault();
+              var sessionId = e.target.getAttribute('data-session-id');
+              if (!sessionId) {
+                console.error('an element with the class chat-session-history-item with no data-session-id set.');
+                return;
+              }
+              _this14.loadSession(sessionId);
+              _this14.showChatScreen();
+            });
+          }
+          for (var _i5 = 0; _i5 < config.messages.length; _i5++) {
+            this.addMessage(config.messages[_i5]);
+          }
+
+          // Update feedback icons in the DOM after initial messages have rendered.
+          this.$nextTick(function () {
+            _this14.refreshAllFeedbackIcons();
+          });
+
+          // Delegate click for code block copy buttons.
+          if (this.chatContainer) {
+            this.chatContainer.addEventListener('click', function (e) {
+              var btn = e.target.closest('.ai-code-copy-btn');
+              if (!btn) {
+                return;
+              }
+              var block = btn.closest('.ai-code-block') || btn.closest('pre');
+              if (!block) {
+                return;
+              }
+              var codeEl = block.querySelector('code');
+              if (codeEl) {
+                navigator.clipboard.writeText(codeEl.textContent);
+                var copiedText = config.codeCopiedText || 'Copied!';
+                btn.innerHTML = '<i class="fa-solid fa-check"></i> ' + copiedText;
+                setTimeout(function () {
+                  btn.innerHTML = '<i class="fa-regular fa-copy"></i>';
+                }, 2000);
+              }
+            });
+          }
+
+          // Initialize speech-to-text microphone button.
+          if (this.speechToTextEnabled && config.micButtonElementSelector) {
+            this.micButton = document.querySelector(config.micButtonElementSelector);
+            if (this.micButton) {
+              this.micButton.style.display = '';
+              this.micButton.addEventListener('click', function () {
+                _this14.toggleRecording();
+              });
+            }
+          }
+
+          // Initialize conversation mode button.
+          if (this.conversationModeEnabled && config.conversationButtonElementSelector) {
+            this.conversationButton = document.querySelector(config.conversationButtonElementSelector);
+            if (this.conversationButton) {
+              this.conversationButton.addEventListener('click', function () {
+                _this14.toggleConversationMode();
+              });
+            }
+          }
+        },
+        loadSession: function loadSession(sessionId) {
+          this.connection.invoke("LoadSession", sessionId)["catch"](function (err) {
+            return console.error(err);
+          });
+        },
+        reloadCurrentSession: function reloadCurrentSession() {
+          var sessionId = this.getSessionId();
+          if (sessionId) {
+            this.loadSession(sessionId);
+          }
+        },
+        initializeSession: function initializeSession(sessionId, force) {
+          if (this.isSessionStarted && !force) {
+            return;
+          }
+          this.fireEvent(new CustomEvent("initializingSessionOpenAIChat", {
+            detail: {
+              sessionId: sessionId
+            }
+          }));
+          this.setSessionId(sessionId);
+          this.isSessionStarted = true;
+          if (this.widgetIsInitialized) {
+            localStorage.setItem(this.chatWidgetStateSession, sessionId);
+          }
+        },
+        initializeWidget: function initializeWidget() {
+          var _this15 = this;
+          if (!config.widget.chatWidgetContainer) {
+            console.error('The widget chatWidgetContainer is required.');
+            return;
+          }
+          if (!config.widget.chatWidgetStateName) {
+            console.error('The widget chatWidgetStateName is required.');
+            return;
+          }
+          var chatWidgetContainer = document.querySelector(config.widget.chatWidgetContainer);
+          if (!chatWidgetContainer) {
+            return;
+          }
+          if (config.widget.chatHistorySection) {
+            this.chatHistorySection = document.querySelector(config.widget.chatHistorySection);
+          }
+          this.chatWidgetStateName = config.widget.chatWidgetStateName;
+          this.chatWidgetStateSession = config.widget.chatWidgetStateName + 'Session';
+          this.widgetIsInitialized = true;
+
+          // Auto-load the last session so the user always sees previous chat history.
+          this.reloadCurrentSession();
+          if (config.autoCreateSession && !this.getSessionId()) {
+            this.startNewSession();
+          }
+          if (config.widget.showHistoryButton && this.chatHistorySection) {
+            var showHistoryButton = document.querySelector(config.widget.showHistoryButton);
+            if (showHistoryButton) {
+              showHistoryButton.addEventListener('click', function () {
+                _this15.chatHistorySection.classList.toggle('show');
+              });
+            }
+            if (config.widget.closeHistoryButton) {
+              var closeHistoryButton = document.querySelector(config.widget.closeHistoryButton);
+              if (closeHistoryButton) {
+                closeHistoryButton.addEventListener('click', function () {
+                  _this15.showChatScreen();
+                });
+              }
+            }
+          }
+          if (config.widget.newChatButton) {
+            var newChatButton = document.querySelector(config.widget.newChatButton);
+            if (newChatButton) {
+              newChatButton.addEventListener('click', function () {
+                _this15.resetSession();
+                _this15.showChatScreen();
+              });
+            }
+          }
+        },
+        showChatScreen: function showChatScreen() {
+          if (!this.chatHistorySection) {
+            return;
+          }
+          this.chatHistorySection.classList.remove('show');
+        },
+        getSessionId: function getSessionId() {
+          var sessionId = this.inputElement.getAttribute('data-session-id');
+          if (!sessionId && this.widgetIsInitialized) {
+            sessionId = localStorage.getItem(this.chatWidgetStateSession);
+          }
+          return sessionId;
+        },
+        copyResponse: function copyResponse(message) {
+          navigator.clipboard.writeText(message);
+        },
+        updateFeedbackIcons: function updateFeedbackIcons(container, userRating) {
+          if (!container) {
+            return;
+          }
+          var upBtn = container.querySelector('.rate-up-btn');
+          var downBtn = container.querySelector('.rate-down-btn');
+
+          // Font Awesome SVG+JS replaces <i> with <svg>, so we must replace
+          // the entire button content and let Font Awesome re-process.
+          if (upBtn) {
+            var upClass = userRating === true ? 'fa-solid fa-thumbs-up' : 'fa-regular fa-thumbs-up';
+            var upIcon = document.createElement('i');
+            upIcon.className = upClass;
+            upIcon.style.fontSize = '0.9rem';
+            upBtn.textContent = '';
+            upBtn.appendChild(upIcon);
+          }
+          if (downBtn) {
+            var downClass = userRating === false ? 'fa-solid fa-thumbs-down' : 'fa-regular fa-thumbs-down';
+            var downIcon = document.createElement('i');
+            downIcon.className = downClass;
+            downIcon.style.fontSize = '0.9rem';
+            downBtn.textContent = '';
+            downBtn.appendChild(downIcon);
+          }
+
+          // Trigger Font Awesome SVG+JS to convert the new <i> elements.
+          if (window.FontAwesome && FontAwesome.dom && FontAwesome.dom.i2svg) {
+            FontAwesome.dom.i2svg({
+              node: container
+            });
+          }
+        },
+        refreshAllFeedbackIcons: function refreshAllFeedbackIcons() {
+          var containers = this.$el.querySelectorAll('.ai-chat-message-assistant-feedback');
+          for (var i = 0; i < containers.length; i++) {
+            var msgId = containers[i].getAttribute('data-message-id');
+            var msg = this.messages.find(function (m) {
+              return m.id === msgId;
+            });
+            if (msg) {
+              this.updateFeedbackIcons(containers[i], msg.userRating);
+            }
+          }
+        },
+        rateMessage: function rateMessage(message, isPositive, event) {
+          var sessionId = this.getSessionId();
+          if (!sessionId || !message.id || !this.connection) {
+            return;
+          }
+
+          // Toggle: clicking the same rating again clears it.
+          var newRating = message.userRating === isPositive ? null : isPositive;
+          message.userRating = newRating;
+
+          // Find the feedback container by message ID for reliable DOM targeting.
+          var feedbackContainer = this.$el.querySelector('.ai-chat-message-assistant-feedback[data-message-id="' + message.id + '"]');
+          this.updateFeedbackIcons(feedbackContainer, newRating);
+
+          // Trigger spark animation after Font Awesome has re-processed icons.
+          if (newRating !== null && feedbackContainer) {
+            setTimeout(function () {
+              var btnClass = isPositive ? '.rate-up-btn' : '.rate-down-btn';
+              var btn = feedbackContainer.querySelector(btnClass);
+              if (btn) {
+                btn.classList.remove('spark-effect');
+                void btn.offsetWidth;
+                btn.classList.add('spark-effect');
+                btn.addEventListener('animationend', function onEnd() {
+                  btn.removeEventListener('animationend', onEnd);
+                  btn.classList.remove('spark-effect');
+                });
+              }
+            }, 50);
+          }
+          this.connection.invoke("RateMessage", sessionId, message.id, isPositive)["catch"](function (err) {
+            console.error('Failed to rate message:', err);
+          });
+        }
+      },
+      watch: {
+        documents: {
+          handler: function handler() {
+            this.renderDocumentBar();
+          },
+          deep: true
+        },
+        isUploading: function isUploading() {
+          this.renderDocumentBar();
+        },
+        isPlayingAudio: function isPlayingAudio() {
+          // Reserved for future use — volume-based interrupt detection
+          // no longer mutes tracks; browser echo cancellation handles echo.
+        },
+        isConversationMode: function isConversationMode(active) {
+          // Hide/show mic button.
+          if (this.micButton) {
+            this.micButton.style.display = active ? 'none' : this.speechToTextEnabled ? '' : 'none';
+          }
+
+          // Hide/show send button.
+          if (this.buttonElement) {
+            this.buttonElement.style.display = active ? 'none' : '';
+          }
+
+          // Disable/enable textarea.
+          if (this.inputElement) {
+            this.inputElement.disabled = active;
+            if (active) {
+              this.inputElement.placeholder = '';
+            }
+          }
+        }
+      },
+      mounted: function mounted() {
+        var _this16 = this;
+        _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6() {
+          return _regenerator().w(function (_context6) {
+            while (1) switch (_context6.n) {
+              case 0:
+                _context6.n = 1;
+                return _this16.startConnection();
+              case 1:
+                _this16.initializeApp();
+                if (config.widget) {
+                  _this16.initializeWidget();
+                }
+              case 2:
+                return _context6.a(2);
+            }
+          }, _callee6);
+        }))();
+        window.addEventListener('beforeunload', this.handleBeforeUnload);
+      },
+      beforeUnmount: function beforeUnmount() {
+        window.removeEventListener('beforeunload', this.handleBeforeUnload);
+        if (this.stream) {
+          this.stream.dispose();
+          this.stream = null;
+        }
+        if (this.connection) {
+          this.connection.stop();
+        }
+      },
+      template: config.messageTemplate
+    }).mount(config.appElementSelector);
+    return app;
+  };
+  return {
+    initialize: initialize
+  };
+}();
+
+// Download chart as image via event delegation (DOMPurify strips inline onclick).
+document.addEventListener('click', function (e) {
+  var btn = e.target.closest('.download-chart-btn');
+  if (!btn) {
+    return;
+  }
+  var chartId = btn.getAttribute('data-chart-id');
+  var canvas = chartId ? document.getElementById(chartId) : null;
+  if (!canvas) {
+    console.error('Chart canvas not found:', chartId);
+    return;
+  }
+  var link = document.createElement('a');
+  link.download = 'chart-' + chartId + '.png';
+  link.href = canvas.toDataURL('image/png');
+  link.click();
+});
+
+// Intercept download clicks for data-URI images and convert to blob downloads.
+document.addEventListener('click', function (e) {
+  var link = e.target.closest('.ai-download-image');
+  if (!link) {
+    return;
+  }
+  var container = link.closest('.generated-image-container');
+  var img = container === null || container === void 0 ? void 0 : container.querySelector('img');
+  if (!img) {
+    return;
+  }
+  var src = img.src;
+  if (!src || !src.startsWith('data:')) {
+    return; // Normal URL – let the default <a> behaviour handle it.
+  }
+  e.preventDefault();
+  fetch(src).then(function (res) {
+    return res.blob();
+  }).then(function (blob) {
+    var url = URL.createObjectURL(blob);
+    var a = document.createElement('a');
+    a.href = url;
+    a.download = link.getAttribute('download') || 'generated-image.png';
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    setTimeout(function () {
+      URL.revokeObjectURL(url);
+    }, 100);
+  })["catch"](function (err) {
+    console.error('Failed to download image:', err);
+  });
+});