@crestapps/ai-chat-ui 1.0.0-preview.14 → 1.0.0-preview.153

package/dist/ai-chat.js

@@ -3,15 +3,18 @@
 ** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
 */
 
+var _excluded = ["placeholder"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 _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; } }
@@ -19,7 +22,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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 () {
+window.coreAIChatManager = function () {
   // Defaults (can be overridden by instanceConfig)
   var defaultConfig = {
     // UI defaults for generated media
@@ -33,7 +36,9 @@ window.openAIChatManager = function () {
     thumbsUpTitle: 'Thumbs up',
     thumbsDownTitle: 'Thumbs down',
     copyTitle: 'Click here to copy response to clipboard.',
+    copiedTitle: 'Response copied to clipboard.',
     codeCopiedText: 'Copied!',
+    copyResetDelayMs: 2000,
     widget: {
       chatWidgetContainer: null,
       chatWidgetStateName: null,
@@ -52,8 +57,8 @@ window.openAIChatManager = function () {
       minWidth: 320,
       minHeight: 420
     },
-    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)\"><span :class=\"getAssistantIcon(message)\"></span></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                                        <span class=\"fa-regular fa-thumbs-up\"></span>\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                                        <span class=\"fa-regular fa-thumbs-down\"></span>\n                                    </button>\n                                </span>\n                            </template>\n                            <button v-if=\"textToSpeechEnabled && !isConversationMode && message.role === 'assistant' && !message.isStreaming\" class=\"btn btn-sm btn-link text-secondary p-0 me-1 button-message-toolbox\" :class=\"{ 'tts-playing': ttsPlayingMessageIndex === index }\" :data-tts-message-index=\"index\" @click=\"toggleMessageTts(message, index)\" :title=\"ttsPlayingMessageIndex === index ? 'Pause audio' : 'Read aloud'\">\n                                <span :class=\"ttsPlayingMessageIndex === index ? 'fa-solid fa-circle-pause' : 'fa-solid fa-circle-play'\"></span>\n                            </button>\n                            <button class=\"btn btn-sm btn-link text-secondary p-0 button-message-toolbox\" @click=\"copyResponse(message.content)\" :title=\"copyTitle\">\n                                <span class=\"fa-solid fa-copy\"></span>\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                    <span v-if=\"notification.icon\" :class=\"notification.icon\" class=\"ai-chat-notification-icon\"></span>\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                        <span class=\"fa-solid fa-xmark\"></span>\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                        <span v-if=\"action.icon\" :class=\"action.icon\" class=\"me-1\"></span>\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\"><span class=\"fa fa-robot\" style=\"display: inline-block;\"></span></span>\n            Assistant\n        </div>\n    "
+    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-message-heading ai-chat-message-heading-user\">\n                        <span class=\"ai-chat-msg-role ai-chat-msg-role-user\">{{ userLabel }}</span>\n                    </div>\n                    <div v-else-if=\"message.role !== 'indicator'\" class=\"ai-chat-message-heading ai-chat-message-heading-assistant\">\n                        <div :class=\"getAssistantRoleClasses(message)\">\n                            <span :class=\"getAssistantIconClasses(message, index)\"><i :class=\"getAssistantIcon(message)\"></i></span>\n                            <span class=\"ai-chat-message-role-label\">{{ getAssistantLabel(message) }}</span>\n                        </div>\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                        <ol v-if=\"message.citationReferences && message.citationReferences.length\" class=\"ai-chat-citation-list\">\n                            <li v-for=\"citation in message.citationReferences\" :key=\"'citation-' + (citation.referenceKey || citation.displayIndex)\" class=\"ai-chat-citation-item\">\n                                <a v-if=\"citation.link\" :href=\"citation.link\" :target=\"citation.isDownload ? null : '_blank'\" :rel=\"citation.isDownload ? null : 'noopener noreferrer'\">{{ citation.label }}</a>\n                                <span v-else>{{ citation.label }}</span>\n                            </li>\n                        </ol>\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 type=\"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 type=\"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 type=\"button\" v-if=\"textToSpeechEnabled && !isConversationMode && message.role === 'assistant' && !message.isStreaming\" class=\"btn btn-sm btn-link text-secondary p-0 me-1 button-message-toolbox\" :class=\"{ 'tts-playing': ttsPlayingMessageIndex === index }\" :data-tts-message-index=\"index\" @click=\"toggleMessageTts(message, index)\" :title=\"ttsPlayingMessageIndex === index ? 'Pause audio' : 'Read aloud'\">\n                                <span :class=\"ttsPlayingMessageIndex === index ? 'fa-solid fa-circle-pause' : 'fa-solid fa-circle-play'\"></span>\n                            </button>\n                            <button type=\"button\" class=\"btn btn-sm btn-link p-0 button-message-toolbox ai-response-copy-btn\" :class=\"copiedMessageIndex === index ? 'text-success' : 'text-secondary'\" :data-copy-message-index=\"index\" @click=\"copyResponse(message, index, $event)\" :title=\"copiedMessageIndex === index ? copiedTitle : copyTitle\">\n                                <i :class=\"copiedMessageIndex === index ? 'fa-solid fa-check' : '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 type=\"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 type=\"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-message-heading ai-chat-message-heading-assistant\">\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                <span class=\"ai-chat-message-role-label\">Assistant</span>\n            </div>\n        </div>\n    "
   };
 
   // Sanitize URLs to prevent javascript: protocol injection.
@@ -72,6 +77,42 @@ window.openAIChatManager = function () {
     span.textContent = text;
     return span.innerHTML;
   }
+  function containsFontAwesomePlaceholders(root) {
+    if (!root || root.nodeType !== 1) {
+      return false;
+    }
+    var selector = 'i[class*="fa-"],i.fa,i.fas,i.far,i.fab';
+    if (typeof root.matches === 'function' && root.matches(selector)) {
+      return true;
+    }
+    return typeof root.querySelector === 'function' && !!root.querySelector(selector);
+  }
+  function refreshFontAwesomeIcons(root) {
+    var fontAwesome = window.FontAwesome;
+    if (!containsFontAwesomePlaceholders(root) || !fontAwesome || !fontAwesome.dom || typeof fontAwesome.dom.i2svg !== 'function') {
+      return;
+    }
+    fontAwesome.dom.i2svg({
+      node: root
+    });
+  }
+  function observeFontAwesomeIcons(root) {
+    if (!root || typeof MutationObserver === 'undefined') {
+      return null;
+    }
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (mutation) {
+        mutation.addedNodes.forEach(function (node) {
+          refreshFontAwesomeIcons(node);
+        });
+      });
+    });
+    observer.observe(root, {
+      childList: true,
+      subtree: true
+    });
+    return observer;
+  }
   function parsePixelValue(value) {
     if (typeof value === 'number' && Number.isFinite(value)) {
       return value;
@@ -86,16 +127,31 @@ window.openAIChatManager = function () {
     return Math.min(Math.max(value, min), max);
   }
   function normalizeReference(reference) {
-    var _ref, _normalized$index, _ref2, _normalized$text, _ref3, _normalized$link;
+    var _ref, _normalized$index, _ref2, _normalized$text, _ref3, _normalized$title, _ref4, _normalized$link, _ref5, _normalized$reference, _normalized$isGenerat;
     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;
+    normalized.title = (_ref3 = (_normalized$title = normalized.title) !== null && _normalized$title !== void 0 ? _normalized$title : normalized.Title) !== null && _ref3 !== void 0 ? _ref3 : null;
+    normalized.link = sanitizeUrl((_ref4 = (_normalized$link = normalized.link) !== null && _normalized$link !== void 0 ? _normalized$link : normalized.Link) !== null && _ref4 !== void 0 ? _ref4 : null);
+    normalized.referenceType = (_ref5 = (_normalized$reference = normalized.referenceType) !== null && _normalized$reference !== void 0 ? _normalized$reference : normalized.ReferenceType) !== null && _ref5 !== void 0 ? _ref5 : null;
+    normalized.isGenerated = ((_normalized$isGenerat = normalized.isGenerated) !== null && _normalized$isGenerat !== void 0 ? _normalized$isGenerat : normalized.IsGenerated) === true;
     return normalized;
   }
+  function isDownloadCitationReference(reference) {
+    if (!reference || _typeof(reference) !== 'object') {
+      return false;
+    }
+    if (typeof reference.referenceType === 'string' && reference.referenceType.toLowerCase() === 'document') {
+      return true;
+    }
+    if (typeof reference.link === 'string' && /\/ai\/documents\/.+\/download(?:$|\?)/i.test(reference.link)) {
+      return true;
+    }
+    return false;
+  }
   function normalizeReferences(references) {
     if (!references || _typeof(references) !== 'object') {
       return {};
@@ -110,6 +166,164 @@ window.openAIChatManager = function () {
     }
     return normalized;
   }
+  function getCitationLabel(reference, key) {
+    return reference.title || reference.text || key;
+  }
+  function buildCitationDisplay(content, references) {
+    var processedContent = (content || '').trim();
+    var messageReferences = normalizeReferences(references);
+    var referenceEntries = Object.entries(messageReferences);
+    if (!referenceEntries.length) {
+      return {
+        content: processedContent,
+        citations: []
+      };
+    }
+    var citedRefs = referenceEntries.filter(function (_ref6) {
+      var _ref7 = _slicedToArray(_ref6, 1),
+        key = _ref7[0];
+      return processedContent.includes(key);
+    });
+    var generatedRefs = referenceEntries.filter(function (_ref8) {
+      var _ref9 = _slicedToArray(_ref8, 2),
+        key = _ref9[0],
+        value = _ref9[1];
+      return value.isGenerated && !processedContent.includes(key);
+    });
+    if (!citedRefs.length && !generatedRefs.length) {
+      return {
+        content: processedContent,
+        citations: []
+      };
+    }
+    citedRefs.sort(function (_ref0, _ref1) {
+      var _ref10 = _slicedToArray(_ref0, 2),
+        a = _ref10[1];
+      var _ref11 = _slicedToArray(_ref1, 2),
+        b = _ref11[1];
+      return a.index - b.index;
+    });
+    generatedRefs.sort(function (_ref12, _ref13) {
+      var _ref14 = _slicedToArray(_ref12, 2),
+        a = _ref14[1];
+      var _ref15 = _slicedToArray(_ref13, 2),
+        b = _ref15[1];
+      return a.index - b.index;
+    });
+    var citations = [];
+    var displayIndex = 1;
+    var _iterator = _createForOfIteratorHelper(citedRefs),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _step$value = _slicedToArray(_step.value, 2),
+          key = _step$value[0],
+          value = _step$value[1];
+        var placeholder = "__CITE_".concat(displayIndex, "_").concat(value.index || displayIndex, "__");
+        processedContent = processedContent.replaceAll(key, placeholder);
+        citations.push({
+          referenceKey: key,
+          displayIndex: displayIndex,
+          label: getCitationLabel(value, key),
+          link: value.link || null,
+          isDownload: isDownloadCitationReference(value),
+          placeholder: placeholder
+        });
+        displayIndex++;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    for (var _i2 = 0, _citations = citations; _i2 < _citations.length; _i2++) {
+      var citation = _citations[_i2];
+      processedContent = processedContent.replaceAll(citation.placeholder, "<sup>".concat(citation.displayIndex, "</sup>"));
+    }
+    processedContent = processedContent.replaceAll('</sup><sup>', '</sup><sup>,</sup><sup>');
+
+    // Generated files (such as exported tabular data) are always offered as a download even when
+    // the model does not cite them inline, so the user never loses access to the produced file.
+    var _iterator2 = _createForOfIteratorHelper(generatedRefs),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _step2$value = _slicedToArray(_step2.value, 2),
+          _key = _step2$value[0],
+          _value = _step2$value[1];
+        citations.push({
+          referenceKey: _key,
+          displayIndex: displayIndex,
+          label: getCitationLabel(_value, _key),
+          link: _value.link || null,
+          isDownload: true,
+          placeholder: null
+        });
+        displayIndex++;
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    return {
+      content: processedContent,
+      citations: citations.map(function (_ref16) {
+        var placeholder = _ref16.placeholder,
+          citation = _objectWithoutProperties(_ref16, _excluded);
+        return citation;
+      })
+    };
+  }
+  function buildCopyContent(content, citations) {
+    var copyContent = (content || '').trim();
+    if (!copyContent || !Array.isArray(citations) || citations.length === 0) {
+      return copyContent;
+    }
+    var _iterator3 = _createForOfIteratorHelper(citations),
+      _step3;
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var citation = _step3.value;
+        copyContent = copyContent.replaceAll(citation.referenceKey, "[".concat(citation.displayIndex, "]"));
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+    copyContent += '\n\nReferences:\n';
+    var _iterator4 = _createForOfIteratorHelper(citations),
+      _step4;
+    try {
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var _citation = _step4.value;
+        copyContent += "".concat(_citation.displayIndex, ". ").concat(_citation.label);
+        if (_citation.link) {
+          copyContent += " - ".concat(_citation.link);
+        }
+        copyContent += '\n';
+      }
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
+    }
+    return copyContent.trimEnd();
+  }
+  function updateMessagePresentation(message, references) {
+    var messageReferences = normalizeReferences(references !== null && references !== void 0 ? references : message.references);
+    var rawContent = typeof message.rawContent === 'string' ? message.rawContent : typeof message.content === 'string' ? message.content : '';
+    var citationDisplay = buildCitationDisplay(rawContent, messageReferences);
+    message.rawContent = rawContent;
+    message.content = rawContent;
+    message.displayContent = citationDisplay.content;
+    message.references = messageReferences;
+    message.citationReferences = citationDisplay.citations;
+    message.copyContent = buildCopyContent(rawContent, citationDisplay.citations);
+    message.htmlContent = parseMarkdownContent(citationDisplay.content, message);
+    return message;
+  }
   var renderer = new marked.Renderer();
 
   // Modify the link rendering to open in a new tab
@@ -140,7 +354,7 @@ window.openAIChatManager = function () {
       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\"><span class=\"fa-solid fa-code\"></span> ".concat(langDisplay, "</span><button type=\"button\" class=\"ai-code-copy-btn\" title=\"Copy code\"><span class=\"fa-regular fa-copy\"></span></button></div><pre><code class=\"hljs").concat(lang ? ' language-' + lang : '', "\">").concat(highlighted, "</code></pre></div>");
+    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.
@@ -150,7 +364,7 @@ window.openAIChatManager = function () {
     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                <span class=\"fa-solid fa-download\"></span>\n            </a>\n        </div>\n    </div>");
+    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
@@ -164,7 +378,7 @@ window.openAIChatManager = function () {
   // its DOM update to render charts it didn't create itself.
   window.__chartConfigs = window.__chartConfigs || {};
   function createChartHtml(chartId) {
-    return "<div class=\"chart-container\" style=\"position: relative; width: 100%; max-width: 560px; min-height: 420px;\">" + "<canvas id=\"".concat(chartId, "\"></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, "\">") + "<span class=\"fa-solid fa-download\"></span> ".concat(defaultConfig.downloadChartButtonText) + "</button>" + "</div>";
+    return "<div class=\"chart-container\" style=\"position: relative; width: 100%; max-width: 560px; min-height: 420px;\">" + "<canvas id=\"".concat(chartId, "\"></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
@@ -275,17 +489,17 @@ window.openAIChatManager = function () {
     // 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;
+      var _iterator5 = _createForOfIteratorHelper(charts),
+        _step5;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var c = _step.value;
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+          var c = _step5.value;
           renderChartOnCanvas(c.chartId, c.config);
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator5.e(err);
       } finally {
-        _iterator.f();
+        _iterator5.f();
       }
     });
   }
@@ -338,8 +552,8 @@ window.openAIChatManager = function () {
       return;
     }
     requestAnimationFrame(function () {
-      for (var _i2 = 0, _Object$keys = Object.keys(configs); _i2 < _Object$keys.length; _i2++) {
-        var chartId = _Object$keys[_i2];
+      for (var _i3 = 0, _Object$keys = Object.keys(configs); _i3 < _Object$keys.length; _i3++) {
+        var chartId = _Object$keys[_i3];
         renderChartOnCanvas(chartId, configs[chartId]);
       }
     });
@@ -359,11 +573,31 @@ window.openAIChatManager = function () {
       ADD_ATTR: ['target']
     });
   }
+  function compactObject(source) {
+    if (!source || _typeof(source) !== 'object') {
+      return {};
+    }
+    return Object.fromEntries(Object.entries(source).filter(function (_ref17) {
+      var _ref18 = _slicedToArray(_ref17, 2),
+        value = _ref18[1];
+      return value !== undefined;
+    }));
+  }
+  function resolveIndicatorTemplate(template, assistantLabel) {
+    if (!template) {
+      return template;
+    }
+    var encodedAssistantLabel = escapeHtmlEntities(assistantLabel || 'Assistant');
+    return template.replace(/\{\{\s*assistantLabel\s*\}\}/g, encodedAssistantLabel);
+  }
   var initialize = function initialize(instanceConfig) {
-    var config = Object.assign({}, defaultConfig, instanceConfig);
-    config.widget = Object.assign({}, defaultConfig.widget || {}, instanceConfig && instanceConfig.widget ? instanceConfig.widget : {});
-    var hasWidgetConfig = !!(instanceConfig && instanceConfig.widget && instanceConfig.widget.chatWidgetContainer && instanceConfig.widget.chatWidgetStateName);
-    var widgetBehavior = window.openAIChatWidgetBehavior || null;
+    var normalizedInstanceConfig = compactObject(instanceConfig);
+    var normalizedWidgetConfig = compactObject(normalizedInstanceConfig.widget);
+    var config = Object.assign({}, defaultConfig, normalizedInstanceConfig);
+    config.widget = Object.assign({}, defaultConfig.widget || {}, normalizedWidgetConfig);
+    config.indicatorTemplate = resolveIndicatorTemplate(config.indicatorTemplate, config.assistantLabel);
+    var hasWidgetConfig = !!(normalizedWidgetConfig.chatWidgetContainer && normalizedWidgetConfig.chatWidgetStateName);
+    var widgetBehavior = window.coreAIChatWidgetBehavior || null;
     // Keep defaultConfig in sync so renderers use overridden values
     defaultConfig = config;
     if (!config.signalRHubUrl) {
@@ -415,6 +649,7 @@ window.openAIChatManager = function () {
           thumbsUpTitle: config.thumbsUpTitle,
           thumbsDownTitle: config.thumbsDownTitle,
           copyTitle: config.copyTitle,
+          copiedTitle: config.copiedTitle,
           isRecording: false,
           mediaRecorder: null,
           preRecordingPrompt: '',
@@ -439,7 +674,10 @@ window.openAIChatManager = function () {
           pendingSessionPromise: null,
           pendingSessionResolver: null,
           pendingSessionRejector: null,
-          pendingSessionTimeoutId: null
+          pendingSessionTimeoutId: null,
+          copiedMessageIndex: -1,
+          copyResetTimeoutId: null,
+          activeCopyButton: null
         };
       },
       computed: {
@@ -767,7 +1005,7 @@ window.openAIChatManager = function () {
             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 += '<span class="fa-solid fa-file-lines" style="font-size: 0.7rem;"></span> ';
+            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"' + (this.isDocumentOperationPending ? ' disabled' : '') + '></button>';
             html += '</span>';
@@ -778,7 +1016,7 @@ window.openAIChatManager = function () {
             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 += '<span class="fa-solid fa-circle-exclamation" style="font-size: 0.7rem;"></span> ';
+            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>';
@@ -789,7 +1027,7 @@ window.openAIChatManager = function () {
             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"' + (this.isDocumentOperationPending ? ' disabled' : '') + '>';
-          html += '<span class="fa-solid fa-paperclip"></span>';
+          html += '<i class="fa-solid fa-paperclip"></i>';
           if (this.documents.length === 0 && !this.isUploading) {
             html += ' <span>Attach files</span>';
           }
@@ -948,10 +1186,12 @@ window.openAIChatManager = function () {
                     });
 
                     // 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.
+                    // display it as the first assistant message without invoking the AI.
                     if (_this3.messages.length === 0 && config.initialPrompt) {
-                      _this3.prompt = config.initialPrompt;
-                      _this3.sendMessage();
+                      _this3.addMessage({
+                        role: 'assistant',
+                        content: config.initialPrompt
+                      });
                     }
                   });
                   _this3.connection.on("ReceiveError", function (error) {
@@ -959,8 +1199,29 @@ window.openAIChatManager = function () {
                     if (_this3.isRecording) {
                       _this3.stopRecording();
                     }
+
+                    // A server-side error (for example a session-start rate-limit rejection) ends the
+                    // in-flight request. Reject any pending new-session promise so the UI stops waiting
+                    // until it times out, and clear the typing indicator that a send may have shown.
+                    _this3.rejectPendingSessionRequest(error);
+                    _this3.hideTypingIndicator();
                     if (widgetBehavior && typeof widgetBehavior.handleReceiveError === 'function') {
                       widgetBehavior.handleReceiveError(_this3, error, config);
+                    } else if (!_this3.isNavigatingAway) {
+                      // Surface the message to the user instead of failing silently.
+                      _this3.addMessage(_this3.getErrorMessage(error));
+                    }
+                  });
+                  _this3.connection.on("ReceiveSessionStartRejected", function (reason) {
+                    // A rate-limit rejection is a definitive "wait and retry", not a recoverable
+                    // session/connection error. Unblock any pending new-session request, clear the
+                    // typing indicator, and show the message for every host (main app and widget)
+                    // without triggering the widget's clear-and-retry recovery, which would wipe the
+                    // visitor's state and fire another throttled StartSession.
+                    _this3.rejectPendingSessionRequest(reason);
+                    _this3.hideTypingIndicator();
+                    if (!_this3.isNavigatingAway) {
+                      _this3.addMessage(_this3.getErrorMessage(reason));
                     }
                   });
                   _this3.connection.on("MessageRated", function (messageId, userRating) {
@@ -1034,7 +1295,7 @@ window.openAIChatManager = function () {
                       _this3.scrollToBottom();
                     }
                   });
-                  _this3.connection.on("ReceiveConversationAssistantToken", function (sessionId, messageId, token, responseId, appearance) {
+                  _this3.connection.on("ReceiveConversationAssistantToken", function (sessionId, messageId, token, responseId, references, appearance) {
                     if (!_this3._conversationAssistantMessage) {
                       _this3.stopAudio();
                       _this3.hideTypingIndicator();
@@ -1053,7 +1314,8 @@ window.openAIChatManager = function () {
                         htmlContent: "",
                         isStreaming: true,
                         userRating: null,
-                        appearance: _this3.normalizeAssistantAppearance(appearance)
+                        appearance: _this3.normalizeAssistantAppearance(appearance),
+                        references: {}
                       };
                       _this3.messages.push(newMessage);
                       _this3._conversationAssistantMessage = {
@@ -1067,19 +1329,22 @@ window.openAIChatManager = function () {
                       if (!msg.appearance) {
                         msg.appearance = _this3.normalizeAssistantAppearance(appearance);
                       }
-                      msg.content = _this3._conversationAssistantMessage.content;
-                      msg.htmlContent = parseMarkdownContent(msg.content, msg);
+                      msg.rawContent = _this3._conversationAssistantMessage.content;
+                      msg.references = normalizeReferences(Object.assign({}, msg.references || {}, references || {}));
+                      updateMessagePresentation(msg, msg.references);
                       _this3.$nextTick(function () {
                         renderChartsInMessage(msg);
                         _this3.scrollToBottom();
                       });
                     }
                   });
-                  _this3.connection.on("ReceiveConversationAssistantComplete", function (sessionId, messageId) {
+                  _this3.connection.on("ReceiveConversationAssistantComplete", function (sessionId, messageId, references) {
                     if (_this3._conversationAssistantMessage) {
                       var msg = _this3.messages[_this3._conversationAssistantMessage.index];
                       if (msg) {
                         msg.isStreaming = false;
+                        msg.references = normalizeReferences(Object.assign({}, msg.references || {}, references || {}));
+                        updateMessagePresentation(msg, msg.references);
                       }
                       _this3._conversationAssistantMessage = null;
                     }
@@ -1113,8 +1378,6 @@ window.openAIChatManager = function () {
                     console.info("SignalR: reconnected.");
                     if (_this3.isSessionStarted) {
                       _this3.reloadCurrentSession();
-                    } else if (config.autoCreateSession) {
-                      _this3.startNewSession();
                     }
                   });
                   _this3.connection.onclose(function (error) {
@@ -1149,14 +1412,14 @@ window.openAIChatManager = function () {
           if (message.content && !message.htmlContent) {
             message.htmlContent = parseMarkdownContent(message.content, message);
           }
-          this.fireEvent(new CustomEvent("addingOpenAIPromotMessage", {
+          this.fireEvent(new CustomEvent("addingCoreAIPromotMessage", {
             detail: {
               message: message
             }
           }));
           this.messages.push(message);
           this.$nextTick(function () {
-            _this4.fireEvent(new CustomEvent("addedOpenAIPromotMessage", {
+            _this4.fireEvent(new CustomEvent("addedCoreAIPromotMessage", {
               detail: {
                 message: message
               }
@@ -1170,82 +1433,9 @@ window.openAIChatManager = function () {
             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 (_ref7) {
-                var _ref8 = _slicedToArray(_ref7, 1),
-                  key = _ref8[0];
-                return processedContent.includes(key);
-              });
-              if (citedRefs.length) {
-                // Sort by original index so display indices follow a natural order.
-                citedRefs.sort(function (_ref9, _ref0) {
-                  var _ref1 = _slicedToArray(_ref9, 2),
-                    a = _ref1[1];
-                  var _ref10 = _slicedToArray(_ref0, 2),
-                    b = _ref10[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);
+            var _message$rawContent;
+            message.rawContent = (_message$rawContent = message.rawContent) !== null && _message$rawContent !== void 0 ? _message$rawContent : message.content;
+            updateMessagePresentation(message, message.references);
           }
           this.addMessageInternal(message);
           this.hidePlaceholder();
@@ -1423,10 +1613,10 @@ window.openAIChatManager = function () {
           }
           if (this.isRecording) {
             this.micButton.classList.add('stt-recording');
-            this.micButton.innerHTML = '<span class="fa-solid fa-stop"></span>';
+            this.micButton.innerHTML = '<i class="fa-solid fa-stop"></i>';
           } else {
             this.micButton.classList.remove('stt-recording');
-            this.micButton.innerHTML = '<span class="fa-solid fa-microphone"></span>';
+            this.micButton.innerHTML = '<i class="fa-solid fa-microphone"></i>';
           }
         },
         streamMessage: function streamMessage(profileId, trimmedPrompt, sessionProfileId) {
@@ -1471,9 +1661,9 @@ window.openAIChatManager = function () {
                 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++) {
+                for (var _i4 = 0, _Object$entries2 = Object.entries(chunk.references); _i4 < _Object$entries2.length; _i4++) {
                   var _normalizeReference2;
-                  var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i3], 2),
+                  var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i4], 2),
                     key = _Object$entries2$_i[0],
                     value = _Object$entries2$_i[1];
                   references[key] = (_normalizeReference2 = normalizeReference(value)) !== null && _normalizeReference2 !== void 0 ? _normalizeReference2 : {};
@@ -1488,22 +1678,12 @@ window.openAIChatManager = function () {
                 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>');
+                content += chunk.content;
               }
 
               // Update the existing message
-              message.content = content;
-              message.htmlContent = parseMarkdownContent(content, message);
+              message.rawContent = content;
+              updateMessagePresentation(message, references);
               _this8.messages[messageIndex] = message;
               _this8.$nextTick(function () {
                 renderChartsInMessage(message);
@@ -1556,89 +1736,22 @@ window.openAIChatManager = function () {
           };
           return newMessage;
         },
+        getErrorMessage: function getErrorMessage(error) {
+          var content = typeof error === 'string' && error.trim() ? error : "Something went wrong. Please try again.";
+          return {
+            role: "assistant",
+            content: content,
+            htmlContent: ""
+          };
+        },
         processReferences: function processReferences(references, messageIndex) {
           var _this9 = this;
           references = normalizeReferences(references);
           if (Object.keys(references).length) {
+            var _ref23, _message$rawContent2;
             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 (_ref12) {
-              var _ref13 = _slicedToArray(_ref12, 2),
-                key = _ref13[0],
-                value = _ref13[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 (_ref14, _ref15) {
-              var _ref16 = _slicedToArray(_ref14, 2),
-                a = _ref16[1];
-              var _ref17 = _slicedToArray(_ref15, 2),
-                b = _ref17[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);
+            message.rawContent = (_ref23 = (_message$rawContent2 = message.rawContent) !== null && _message$rawContent2 !== void 0 ? _message$rawContent2 : message.content) !== null && _ref23 !== void 0 ? _ref23 : '';
+            updateMessagePresentation(message, references);
             this.messages[messageIndex] = message;
             this.$nextTick(function () {
               renderChartsInMessage(message);
@@ -1701,16 +1814,42 @@ window.openAIChatManager = function () {
           buttons.forEach(function (button) {
             var buttonIndex = Number(button.getAttribute('data-tts-message-index'));
             var isPlaying = buttonIndex === _this0.ttsPlayingMessageIndex;
-            var iconHtml = isPlaying ? '<span class="fa-solid fa-circle-pause"></span>' : '<span class="fa-solid fa-circle-play"></span>';
             button.classList.toggle('tts-playing', isPlaying);
             button.setAttribute('title', isPlaying ? 'Pause audio' : 'Read aloud');
+          });
+        },
+        updateCopyButtons: function updateCopyButtons() {
+          var _this1 = this;
+          if (!this.chatContainer) {
+            return;
+          }
+          var buttons = this.chatContainer.querySelectorAll('[data-copy-message-index]');
+          buttons.forEach(function (button) {
+            var buttonIndex = Number(button.getAttribute('data-copy-message-index'));
+            var isCopied = buttonIndex === _this1.copiedMessageIndex;
+            var iconHtml = isCopied ? '<i class="fa-solid fa-check"></i>' : '<i class="fa-solid fa-copy"></i>';
+            button.classList.toggle('text-success', isCopied);
+            button.classList.toggle('text-secondary', !isCopied);
+            button.setAttribute('title', isCopied ? _this1.copiedTitle : _this1.copyTitle);
             button.replaceChildren(DOMPurify.sanitize(iconHtml, {
               RETURN_DOM_FRAGMENT: true
             }));
           });
         },
+        setCopyButtonState: function setCopyButtonState(button, isCopied) {
+          if (!button) {
+            return;
+          }
+          var iconHtml = isCopied ? '<i class="fa-solid fa-check"></i>' : '<i class="fa-solid fa-copy"></i>';
+          button.classList.toggle('text-success', isCopied);
+          button.classList.toggle('text-secondary', !isCopied);
+          button.setAttribute('title', isCopied ? this.copiedTitle : this.copyTitle);
+          button.replaceChildren(DOMPurify.sanitize(iconHtml, {
+            RETURN_DOM_FRAGMENT: true
+          }));
+        },
         synthesizeSpeech: function synthesizeSpeech(text, cacheIndex) {
-          var _this1 = this;
+          var _this10 = this;
           if (!this.textToSpeechEnabled || !text || !this.connection) {
             return;
           }
@@ -1719,16 +1858,16 @@ window.openAIChatManager = function () {
           this._ttsCacheIndex = cacheIndex !== undefined ? cacheIndex : -1;
           this.connection.invoke("SynthesizeSpeech", this.getProfileId(), this.getSessionId(), text, this.ttsVoiceName)["catch"](function (err) {
             console.error("TTS synthesis error:", err);
-            _this1.isPlayingAudio = false;
-            _this1.ttsPlayingMessageIndex = -1;
-            _this1._ttsCacheIndex = -1;
-            _this1.$nextTick(function () {
-              return _this1.updateTtsPlaybackButtons();
+            _this10.isPlayingAudio = false;
+            _this10.ttsPlayingMessageIndex = -1;
+            _this10._ttsCacheIndex = -1;
+            _this10.$nextTick(function () {
+              return _this10.updateTtsPlaybackButtons();
             });
           });
         },
         toggleMessageTts: function toggleMessageTts(message, index) {
-          var _this10 = this;
+          var _this11 = this;
           if (this.ttsPlayingMessageIndex === index) {
             this.stopAudio();
             return;
@@ -1741,7 +1880,7 @@ window.openAIChatManager = function () {
           }));
           this.ttsPlayingMessageIndex = index;
           this.$nextTick(function () {
-            return _this10.updateTtsPlaybackButtons();
+            return _this11.updateTtsPlaybackButtons();
           });
           if (this.ttsAudioCache[index]) {
             this.playAudioBlob(this.ttsAudioCache[index]);
@@ -1750,13 +1889,13 @@ window.openAIChatManager = function () {
           this.synthesizeSpeech(message.content, index);
         },
         playCollectedAudio: function playCollectedAudio() {
-          var _this11 = this;
+          var _this12 = this;
           if (this.audioChunks.length === 0) {
             if (!this.currentAudioElement && this.audioPlayQueue.length === 0) {
               this.isPlayingAudio = false;
               this.ttsPlayingMessageIndex = -1;
               this.$nextTick(function () {
-                return _this11.updateTtsPlaybackButtons();
+                return _this12.updateTtsPlaybackButtons();
               });
             }
             return;
@@ -1766,18 +1905,18 @@ window.openAIChatManager = function () {
           }, 0);
           var combined = new Uint8Array(totalLength);
           var offset = 0;
-          var _iterator8 = _createForOfIteratorHelper(this.audioChunks),
-            _step8;
+          var _iterator6 = _createForOfIteratorHelper(this.audioChunks),
+            _step6;
           try {
-            for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-              var chunk = _step8.value;
+            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+              var chunk = _step6.value;
               combined.set(chunk, offset);
               offset += chunk.length;
             }
           } catch (err) {
-            _iterator8.e(err);
+            _iterator6.e(err);
           } finally {
-            _iterator8.f();
+            _iterator6.f();
           }
           this.audioChunks = [];
           var blob = new Blob([combined], {
@@ -1796,39 +1935,39 @@ window.openAIChatManager = function () {
           this.playAudioBlob(blob);
         },
         playAudioBlob: function playAudioBlob(blob) {
-          var _this12 = this;
+          var _this13 = this;
           var url = URL.createObjectURL(blob);
           var audio = new Audio(url);
           this.currentAudioUrl = url;
           this.currentAudioElement = audio;
           this.isPlayingAudio = true;
           audio.addEventListener('ended', function () {
-            _this12.currentAudioElement = null;
-            _this12.currentAudioUrl = null;
+            _this13.currentAudioElement = null;
+            _this13.currentAudioUrl = null;
             URL.revokeObjectURL(url);
-            _this12.playNextInQueue();
+            _this13.playNextInQueue();
           });
           audio.addEventListener('error', function () {
-            _this12.currentAudioElement = null;
-            _this12.currentAudioUrl = null;
+            _this13.currentAudioElement = null;
+            _this13.currentAudioUrl = null;
             URL.revokeObjectURL(url);
-            _this12.playNextInQueue();
+            _this13.playNextInQueue();
           });
           audio.play()["catch"](function (err) {
             console.error("Audio playback error:", err);
-            _this12.currentAudioElement = null;
-            _this12.currentAudioUrl = null;
+            _this13.currentAudioElement = null;
+            _this13.currentAudioUrl = null;
             URL.revokeObjectURL(url);
-            _this12.audioPlayQueue = [];
-            _this12.isPlayingAudio = false;
-            _this12.ttsPlayingMessageIndex = -1;
-            _this12.$nextTick(function () {
-              return _this12.updateTtsPlaybackButtons();
+            _this13.audioPlayQueue = [];
+            _this13.isPlayingAudio = false;
+            _this13.ttsPlayingMessageIndex = -1;
+            _this13.$nextTick(function () {
+              return _this13.updateTtsPlaybackButtons();
             });
           });
         },
         playNextInQueue: function playNextInQueue() {
-          var _this13 = this;
+          var _this14 = this;
           if (this.audioPlayQueue.length > 0) {
             var nextBlob = this.audioPlayQueue.shift();
             this.playAudioBlob(nextBlob);
@@ -1836,13 +1975,13 @@ window.openAIChatManager = function () {
             this.isPlayingAudio = false;
             this.ttsPlayingMessageIndex = -1;
             this.$nextTick(function () {
-              return _this13.updateTtsPlaybackButtons();
+              return _this14.updateTtsPlaybackButtons();
             });
             this.conversationModeOnAudioEnded();
           }
         },
         stopAudio: function stopAudio() {
-          var _this14 = this;
+          var _this15 = this;
           if (this.currentAudioElement) {
             this.currentAudioElement.pause();
             this.currentAudioElement.currentTime = 0;
@@ -1857,7 +1996,7 @@ window.openAIChatManager = function () {
           this.isPlayingAudio = false;
           this.ttsPlayingMessageIndex = -1;
           this.$nextTick(function () {
-            return _this14.updateTtsPlaybackButtons();
+            return _this15.updateTtsPlaybackButtons();
           });
         },
         toggleConversationMode: function toggleConversationMode() {
@@ -1868,7 +2007,7 @@ window.openAIChatManager = function () {
           }
         },
         startConversationMode: function startConversationMode() {
-          var _this15 = this;
+          var _this16 = this;
           if (!this.conversationModeEnabled || this.isConversationMode || !this.connection) {
             return;
           }
@@ -1888,12 +2027,12 @@ window.openAIChatManager = function () {
             }
           }).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';
-            _this15.mediaRecorder = new MediaRecorder(stream, {
+            _this16.mediaRecorder = new MediaRecorder(stream, {
               mimeType: mimeType,
               audioBitsPerSecond: 128000
             });
-            _this15._conversationSubject = new signalR.Subject();
-            _this15._conversationStream = stream;
+            _this16._conversationSubject = new signalR.Subject();
+            _this16._conversationStream = stream;
 
             // Create an AnalyserNode for volume-based interrupt detection.
             // During TTS playback, detect when the user speaks above
@@ -1902,20 +2041,20 @@ window.openAIChatManager = function () {
             // speaker echo so the STT stream has no gaps.
             var AudioCtx = window.AudioContext || window.webkitAudioContext;
             if (AudioCtx) {
-              _this15._conversationAudioCtx = new AudioCtx();
-              _this15._conversationAnalyser = _this15._conversationAudioCtx.createAnalyser();
-              _this15._conversationAnalyser.fftSize = 256;
-              var micSource = _this15._conversationAudioCtx.createMediaStreamSource(stream);
-              micSource.connect(_this15._conversationAnalyser);
+              _this16._conversationAudioCtx = new AudioCtx();
+              _this16._conversationAnalyser = _this16._conversationAudioCtx.createAnalyser();
+              _this16._conversationAnalyser.fftSize = 256;
+              var micSource = _this16._conversationAudioCtx.createMediaStreamSource(stream);
+              micSource.connect(_this16._conversationAnalyser);
             }
             var pendingChunk = Promise.resolve();
-            var analyser = _this15._conversationAnalyser;
+            var analyser = _this16._conversationAnalyser;
             var interruptVolumeThreshold = 30;
-            _this15.mediaRecorder.addEventListener('dataavailable', function (e) {
+            _this16.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 (_this15.isPlayingAudio && analyser) {
+                if (_this16.isPlayingAudio && analyser) {
                   var freqData = new Uint8Array(analyser.frequencyBinCount);
                   analyser.getByteFrequencyData(freqData);
                   var sum = 0;
@@ -1925,7 +2064,7 @@ window.openAIChatManager = function () {
                   var avg = sum / freqData.length;
                   if (avg >= interruptVolumeThreshold) {
                     // User is speaking — interrupt TTS playback.
-                    _this15.stopAudio();
+                    _this16.stopAudio();
                   }
                 }
 
@@ -1947,7 +2086,7 @@ window.openAIChatManager = function () {
                         }, '');
                         base64 = btoa(binaryString);
                         try {
-                          _this15._conversationSubject.next(base64);
+                          _this16._conversationSubject.next(base64);
                         } catch (err) {
                           // Subject may have been completed already.
                         }
@@ -1958,28 +2097,28 @@ window.openAIChatManager = function () {
                 })));
               }
             });
-            _this15.mediaRecorder.addEventListener('stop', function () {
+            _this16.mediaRecorder.addEventListener('stop', function () {
               stream.getTracks().forEach(function (track) {
                 return track.stop();
               });
               pendingChunk.then(function () {
                 try {
-                  _this15._conversationSubject.complete();
+                  _this16._conversationSubject.complete();
                 } catch (err) {
                   // Already completed.
                 }
               });
             });
-            var profileId = _this15.getProfileId();
-            var sessionId = _this15.getSessionId() || '';
+            var profileId = _this16.getProfileId();
+            var sessionId = _this16.getSessionId() || '';
             var language = navigator.language || document.documentElement.lang || 'en-US';
-            _this15.connection.send("StartConversation", profileId, sessionId, _this15._conversationSubject, mimeType, language);
-            _this15.mediaRecorder.start(250);
-            _this15.isRecording = true;
+            _this16.connection.send("StartConversation", profileId, sessionId, _this16._conversationSubject, mimeType, language);
+            _this16.mediaRecorder.start(250);
+            _this16.isRecording = true;
           })["catch"](function (err) {
             console.error('Microphone access denied:', err);
-            _this15.isConversationMode = false;
-            _this15.updateConversationButton();
+            _this16.isConversationMode = false;
+            _this16.updateConversationButton();
           });
         },
         stopConversationMode: function stopConversationMode() {
@@ -2106,7 +2245,7 @@ window.openAIChatManager = function () {
           return removedCount;
         },
         receiveNotification: function receiveNotification(notification) {
-          var _this16 = this;
+          var _this17 = this;
           if (!notification || !notification.type) {
             return;
           }
@@ -2121,7 +2260,7 @@ window.openAIChatManager = function () {
           }
           this.scheduleNotificationDismiss(notification);
           this.$nextTick(function () {
-            _this16.scrollToBottom();
+            _this17.scrollToBottom();
           });
         },
         updateNotification: function updateNotification(notification) {
@@ -2138,12 +2277,12 @@ window.openAIChatManager = function () {
           }
         },
         scheduleNotificationDismiss: function scheduleNotificationDismiss(notification) {
-          var _this17 = this;
+          var _this18 = this;
           if (!notification || !notification.type || !notification.autoDismissMs || notification.autoDismissMs <= 0) {
             return;
           }
           this.notificationDismissTimers[notification.type] = setTimeout(function () {
-            _this17.removeNotification(notification.type);
+            _this18.removeNotification(notification.type);
           }, notification.autoDismissMs);
         },
         clearNotificationDismiss: function clearNotificationDismiss(notificationType) {
@@ -2173,12 +2312,12 @@ window.openAIChatManager = function () {
           });
         },
         scrollToBottom: function scrollToBottom() {
-          var _this18 = this;
+          var _this19 = this;
           if (!this.autoScroll) {
             return;
           }
           setTimeout(function () {
-            _this18.chatContainer.scrollTop = _this18.chatContainer.scrollHeight - _this18.chatContainer.clientHeight;
+            _this19.chatContainer.scrollTop = _this19.chatContainer.scrollHeight - _this19.chatContainer.clientHeight;
           }, 50);
         },
         handleUserInput: function handleUserInput(event) {
@@ -2201,12 +2340,17 @@ window.openAIChatManager = function () {
           this.sessionRating = null;
           this.messages = [];
           this.documents = [];
-          if (!config.autoCreateSession) {
+
+          // When an initial prompt is configured, show it as the first
+          // assistant message instead of the generic placeholder.
+          if (config.initialPrompt) {
+            this.addMessage({
+              role: 'assistant',
+              content: config.initialPrompt
+            });
+          } else {
             this.showPlaceholder();
           }
-          if (config.autoCreateSession) {
-            this.startNewSession();
-          }
           if (widgetBehavior && typeof widgetBehavior.onSessionReset === 'function') {
             widgetBehavior.onSessionReset(this, config);
           }
@@ -2224,27 +2368,27 @@ window.openAIChatManager = function () {
           });
         },
         ensureSessionForDocuments: function ensureSessionForDocuments(profileId) {
-          var _this19 = this;
+          var _this20 = this;
           return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9() {
             var sessionId;
             return _regenerator().w(function (_context9) {
               while (1) switch (_context9.n) {
                 case 0:
-                  sessionId = _this19.getSessionId();
+                  sessionId = _this20.getSessionId();
                   if (!sessionId) {
                     _context9.n = 1;
                     break;
                   }
                   return _context9.a(2, sessionId);
                 case 1:
-                  if (!(!profileId || !_this19.connection)) {
+                  if (!(!profileId || !_this20.connection)) {
                     _context9.n = 2;
                     break;
                   }
                   return _context9.a(2, null);
                 case 2:
                   _context9.n = 3;
-                  return _this19.requestNewSession(profileId);
+                  return _this20.requestNewSession(profileId);
                 case 3:
                   return _context9.a(2, _context9.v);
               }
@@ -2252,7 +2396,7 @@ window.openAIChatManager = function () {
           }))();
         },
         requestNewSession: function requestNewSession(profileId) {
-          var _this20 = this;
+          var _this21 = this;
           if (this.pendingSessionPromise) {
             return this.pendingSessionPromise;
           }
@@ -2260,14 +2404,14 @@ window.openAIChatManager = function () {
             return Promise.resolve(null);
           }
           this.pendingSessionPromise = new Promise(function (resolve, reject) {
-            _this20.pendingSessionResolver = resolve;
-            _this20.pendingSessionRejector = reject;
-            _this20.pendingSessionTimeoutId = window.setTimeout(function () {
-              _this20.rejectPendingSessionRequest('Timed out while creating a chat session.');
+            _this21.pendingSessionResolver = resolve;
+            _this21.pendingSessionRejector = reject;
+            _this21.pendingSessionTimeoutId = window.setTimeout(function () {
+              _this21.rejectPendingSessionRequest('Timed out while creating a chat session.');
             }, 15000);
           });
           this.connection.invoke("StartSession", profileId, null)["catch"](function (err) {
-            _this20.rejectPendingSessionRequest(err);
+            _this21.rejectPendingSessionRequest(err);
           });
           return this.pendingSessionPromise;
         },
@@ -2293,7 +2437,7 @@ window.openAIChatManager = function () {
           this.pendingSessionTimeoutId = null;
         },
         initializeApp: function initializeApp() {
-          var _this21 = this;
+          var _this22 = this;
           this.inputElement = document.querySelector(config.inputElementSelector);
           this.buttonElement = document.querySelector(config.sendButtonElementSelector);
           this.chatContainer = document.querySelector(config.chatContainerElementSelector);
@@ -2311,8 +2455,6 @@ window.openAIChatManager = function () {
           var sessionId = this.getSessionId();
           if (!hasWidgetConfig && sessionId) {
             this.loadSession(sessionId);
-          } else if (this.isOrchestratorAvailable() && config.autoCreateSession && !hasWidgetConfig && !sessionId) {
-            this.startNewSession();
           }
 
           // Initialize document bar if enabled.
@@ -2331,7 +2473,7 @@ window.openAIChatManager = function () {
                 fileInput.accept = config.allowedExtensions;
               }
               fileInput.addEventListener('change', function (e) {
-                return _this21.handleFileInputChange(e);
+                return _this22.handleFileInputChange(e);
               });
               this.documentBar.parentElement.appendChild(fileInput);
 
@@ -2339,13 +2481,13 @@ window.openAIChatManager = function () {
               var inputArea = this.inputElement ? this.inputElement.closest('.ai-admin-widget-input, .text-bg-light') : null;
               if (inputArea) {
                 inputArea.addEventListener('dragover', function (e) {
-                  return _this21.handleDragOver(e);
+                  return _this22.handleDragOver(e);
                 });
                 inputArea.addEventListener('dragleave', function (e) {
-                  return _this21.handleDragLeave(e);
+                  return _this22.handleDragLeave(e);
                 });
                 inputArea.addEventListener('drop', function (e) {
-                  return _this21.handleDrop(e);
+                  return _this22.handleDrop(e);
                 });
               }
             }
@@ -2353,55 +2495,55 @@ window.openAIChatManager = function () {
 
           // Pause auto-scroll when the user manually scrolls up during streaming.
           this.chatContainer.addEventListener('scroll', function () {
-            if (!_this21.stream) {
+            if (!_this22.stream) {
               return;
             }
             var threshold = 30;
-            var atBottom = _this21.chatContainer.scrollHeight - _this21.chatContainer.clientHeight - _this21.chatContainer.scrollTop <= threshold;
-            _this21.autoScroll = atBottom;
+            var atBottom = _this22.chatContainer.scrollHeight - _this22.chatContainer.clientHeight - _this22.chatContainer.scrollTop <= threshold;
+            _this22.autoScroll = atBottom;
           });
           this.inputElement.addEventListener('keydown', function (event) {
-            if (_this21.stream != null) {
+            if (_this22.stream != null) {
               return;
             }
             if (event.key === "Enter" && !event.shiftKey) {
               event.preventDefault();
-              _this21.buttonElement.click();
+              _this22.buttonElement.click();
             }
           });
           this.inputElement.addEventListener('input', function (e) {
-            _this21.handleUserInput(e);
+            _this22.handleUserInput(e);
             if (e.target.value.trim()) {
-              _this21.buttonElement.removeAttribute('disabled');
+              _this22.buttonElement.removeAttribute('disabled');
             } else {
-              _this21.buttonElement.setAttribute('disabled', true);
+              _this22.buttonElement.setAttribute('disabled', true);
             }
           });
           this.buttonElement.addEventListener('click', function () {
-            if (_this21.stream != null) {
-              _this21.stream.dispose();
-              _this21.stream = null;
-              _this21.streamingFinished();
-              _this21.hideTypingIndicator();
+            if (_this22.stream != null) {
+              _this22.stream.dispose();
+              _this22.stream = null;
+              _this22.streamingFinished();
+              _this22.hideTypingIndicator();
 
               // Clean up: remove empty assistant message or stop streaming animation.
-              if (_this21.messages.length > 0) {
-                var lastMsg = _this21.messages[_this21.messages.length - 1];
+              if (_this22.messages.length > 0) {
+                var lastMsg = _this22.messages[_this22.messages.length - 1];
                 if (lastMsg.role === 'assistant' && !lastMsg.content) {
-                  _this21.messages.pop();
+                  _this22.messages.pop();
                 } else if (lastMsg.isStreaming) {
                   lastMsg.isStreaming = false;
                 }
               }
               return;
             }
-            _this21.sendMessage();
+            _this22.sendMessage();
           });
           var promptGenerators = document.getElementsByClassName('profile-generated-prompt');
           for (var i = 0; i < promptGenerators.length; i++) {
             promptGenerators[i].addEventListener('click', function (e) {
               e.preventDefault();
-              _this21.generatePrompt(e.target);
+              _this22.generatePrompt(e.target);
             });
           }
           var chatSessions = document.getElementsByClassName('chat-session-history-item');
@@ -2413,17 +2555,27 @@ window.openAIChatManager = function () {
                 console.error('an element with the class chat-session-history-item with no data-session-id set.');
                 return;
               }
-              _this21.loadSession(sessionId);
-              _this21.showChatScreen();
+              _this22.loadSession(sessionId);
+              _this22.showChatScreen();
             });
           }
-          for (var _i5 = 0; _i5 < config.messages.length; _i5++) {
-            this.addMessage(config.messages[_i5]);
+          var initialMessages = Array.isArray(config.messages) ? config.messages : [];
+          for (var _i5 = 0; _i5 < initialMessages.length; _i5++) {
+            this.addMessage(initialMessages[_i5]);
+          }
+
+          // When no messages were loaded and an initial prompt is configured,
+          // display it as the first assistant message without invoking the AI.
+          if (this.messages.length === 0 && config.initialPrompt) {
+            this.addMessage({
+              role: 'assistant',
+              content: config.initialPrompt
+            });
           }
 
           // Update feedback icons in the DOM after initial messages have rendered.
           this.$nextTick(function () {
-            _this21.refreshAllFeedbackIcons();
+            _this22.refreshAllFeedbackIcons();
           });
 
           // Delegate click for code block copy buttons.
@@ -2441,9 +2593,9 @@ window.openAIChatManager = function () {
               if (codeEl) {
                 navigator.clipboard.writeText(codeEl.textContent);
                 var copiedText = config.codeCopiedText || 'Copied!';
-                btn.innerHTML = '<span class="fa-solid fa-check"></span> ' + copiedText;
+                btn.innerHTML = '<i class="fa-solid fa-check"></i> ' + copiedText;
                 setTimeout(function () {
-                  btn.innerHTML = '<span class="fa-regular fa-copy"></span>';
+                  btn.innerHTML = '<i class="fa-regular fa-copy"></i>';
                 }, 2000);
               }
             });
@@ -2455,7 +2607,7 @@ window.openAIChatManager = function () {
             if (this.micButton) {
               this.micButton.style.display = '';
               this.micButton.addEventListener('click', function () {
-                _this21.toggleRecording();
+                _this22.toggleRecording();
               });
             }
           }
@@ -2465,7 +2617,7 @@ window.openAIChatManager = function () {
             this.conversationButton = document.querySelector(config.conversationButtonElementSelector);
             if (this.conversationButton) {
               this.conversationButton.addEventListener('click', function () {
-                _this21.toggleConversationMode();
+                _this22.toggleConversationMode();
               });
             }
           }
@@ -2489,7 +2641,7 @@ window.openAIChatManager = function () {
             }
             return;
           }
-          this.fireEvent(new CustomEvent("initializingSessionOpenAIChat", {
+          this.fireEvent(new CustomEvent("initializingSessionCoreAIChat", {
             detail: {
               sessionId: sessionId
             }
@@ -2500,6 +2652,13 @@ window.openAIChatManager = function () {
           if (widgetBehavior && typeof widgetBehavior.onSessionInitialized === 'function') {
             widgetBehavior.onSessionInitialized(this, sessionId, config);
           }
+
+          // For non-widget pages, update the browser URL so that a page
+          // refresh reloads the correct session instead of starting fresh.
+          if (!hasWidgetConfig && sessionId && config.sessionUrlTemplate && typeof history !== 'undefined' && history.replaceState) {
+            var sessionUrl = config.sessionUrlTemplate.replace('{sessionId}', encodeURIComponent(sessionId));
+            history.replaceState(null, '', sessionUrl);
+          }
         },
         getSessionId: function getSessionId() {
           var sessionId = this.inputElement ? this.inputElement.getAttribute('data-session-id') : null;
@@ -2508,8 +2667,45 @@ window.openAIChatManager = function () {
           }
           return sessionId;
         },
-        copyResponse: function copyResponse(message) {
-          navigator.clipboard.writeText(message);
+        clearCopiedMessageState: function clearCopiedMessageState() {
+          if (this.copyResetTimeoutId) {
+            window.clearTimeout(this.copyResetTimeoutId);
+            this.copyResetTimeoutId = null;
+          }
+          if (this.activeCopyButton) {
+            this.setCopyButtonState(this.activeCopyButton, false);
+            this.activeCopyButton = null;
+          }
+          this.copiedMessageIndex = -1;
+        },
+        copyResponse: function copyResponse(message, index, event) {
+          var _ref25,
+            _message$copyContent,
+            _event$target,
+            _event$target$closest,
+            _this23 = this;
+          var text = message && _typeof(message) === 'object' ? (_ref25 = (_message$copyContent = message.copyContent) !== null && _message$copyContent !== void 0 ? _message$copyContent : message.content) !== null && _ref25 !== void 0 ? _ref25 : '' : message !== null && message !== void 0 ? message : '';
+          var button = (event === null || event === void 0 ? void 0 : event.currentTarget) || (event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 || (_event$target$closest = _event$target.closest) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.call(_event$target, '[data-copy-message-index]')) || null;
+          navigator.clipboard.writeText(text).then(function () {
+            _this23.clearCopiedMessageState();
+            _this23.copiedMessageIndex = typeof index === 'number' ? index : -1;
+            _this23.activeCopyButton = button;
+            if (button) {
+              _this23.setCopyButtonState(button, true);
+            } else {
+              _this23.$nextTick(function () {
+                return _this23.updateCopyButtons();
+              });
+            }
+            _this23.copyResetTimeoutId = window.setTimeout(function () {
+              _this23.clearCopiedMessageState();
+              _this23.$nextTick(function () {
+                return _this23.updateCopyButtons();
+              });
+            }, Number(config.copyResetDelayMs) || 2000);
+          })["catch"](function (err) {
+            return console.error('Failed to copy response:', err);
+          });
         },
         updateFeedbackIcons: function updateFeedbackIcons(container, userRating) {
           if (!container) {
@@ -2604,6 +2800,12 @@ window.openAIChatManager = function () {
           // Reserved for future use — volume-based interrupt detection
           // no longer mutes tracks; browser echo cancellation handles echo.
         },
+        copiedMessageIndex: function copiedMessageIndex() {
+          var _this24 = this;
+          this.$nextTick(function () {
+            return _this24.updateCopyButtons();
+          });
+        },
         isConversationMode: function isConversationMode(active) {
           // Hide/show mic button.
           if (this.micButton) {
@@ -2625,19 +2827,24 @@ window.openAIChatManager = function () {
         }
       },
       mounted: function mounted() {
-        var _this22 = this;
+        var _this25 = this;
         _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0() {
           var isInitialized;
           return _regenerator().w(function (_context0) {
             while (1) switch (_context0.n) {
               case 0:
                 _context0.n = 1;
-                return _this22.startConnection();
+                return _this25.startConnection();
               case 1:
-                isInitialized = _this22.initializeApp();
+                isInitialized = _this25.initializeApp();
                 if (isInitialized && hasWidgetConfig && widgetBehavior && typeof widgetBehavior.onMounted === 'function') {
-                  widgetBehavior.onMounted(_this22, config);
+                  widgetBehavior.onMounted(_this25, config);
                 }
+                _this25.$nextTick(function () {
+                  _this25.updateCopyButtons();
+                  refreshFontAwesomeIcons(_this25.$el);
+                  _this25.fontAwesomeObserver = observeFontAwesomeIcons(_this25.$el);
+                });
               case 2:
                 return _context0.a(2);
             }
@@ -2649,6 +2856,11 @@ window.openAIChatManager = function () {
       beforeUnmount: function beforeUnmount() {
         window.removeEventListener('beforeunload', this.handleBeforeUnload);
         window.removeEventListener('crestapps-ai-chat-stop-tts', this.handleExternalTtsStop);
+        if (this.fontAwesomeObserver) {
+          this.fontAwesomeObserver.disconnect();
+          this.fontAwesomeObserver = null;
+        }
+        this.clearCopiedMessageState();
         this.stopAudio(false);
         if (this.stream) {
           this.stream.dispose();
@@ -2669,8 +2881,151 @@ window.openAIChatManager = function () {
     }
     return app;
   };
+  var autoInitializeSelector = '[data-coreai-chat-config],[data-coreai-chat-app-element-selector]';
+  function getAttributeValue(element, attributeName) {
+    var value = element.getAttribute(attributeName);
+    return value === null || value === '' ? null : value;
+  }
+  function parseBooleanAttributeValue(value) {
+    if (value === null || value === undefined) {
+      return null;
+    }
+    if (typeof value === 'boolean') {
+      return value;
+    }
+    var normalized = String(value).trim().toLowerCase();
+    if (normalized === 'true') {
+      return true;
+    }
+    if (normalized === 'false') {
+      return false;
+    }
+    return null;
+  }
+  function parseJsonAttribute(element, attributeName, description) {
+    var rawValue = getAttributeValue(element, attributeName);
+    if (!rawValue) {
+      return null;
+    }
+    try {
+      return JSON.parse(rawValue);
+    } catch (error) {
+      console.error('Failed to parse ' + description + ' JSON.', error);
+      return null;
+    }
+  }
+  function buildConfigFromDataAttributes(element, options) {
+    var _parseJsonAttribute, _parseJsonAttribute2;
+    var settings = options || {};
+    if (element.hasAttribute('data-coreai-chat-widget-container-selector') && settings.allowWidgetHost !== true) {
+      return null;
+    }
+    var appElementSelector = getAttributeValue(element, 'data-coreai-chat-app-element-selector');
+    if (!appElementSelector) {
+      return null;
+    }
+    var config = {
+      signalRHubUrl: getAttributeValue(element, 'data-coreai-chat-signalr-hub-url'),
+      appElementSelector: appElementSelector,
+      chatContainerElementSelector: getAttributeValue(element, 'data-coreai-chat-container-element-selector'),
+      inputElementSelector: getAttributeValue(element, 'data-coreai-chat-input-element-selector'),
+      sendButtonElementSelector: getAttributeValue(element, 'data-coreai-chat-send-button-element-selector'),
+      placeholderElementSelector: getAttributeValue(element, 'data-coreai-chat-placeholder-element-selector'),
+      messages: (_parseJsonAttribute = parseJsonAttribute(element, 'data-coreai-chat-messages', 'CoreAI chat messages')) !== null && _parseJsonAttribute !== void 0 ? _parseJsonAttribute : undefined,
+      chatMode: getAttributeValue(element, 'data-coreai-chat-mode'),
+      micButtonElementSelector: getAttributeValue(element, 'data-coreai-chat-mic-button-element-selector'),
+      conversationButtonElementSelector: getAttributeValue(element, 'data-coreai-chat-conversation-button-element-selector'),
+      ttsVoiceName: getAttributeValue(element, 'data-coreai-chat-tts-voice-name'),
+      documentBarSelector: getAttributeValue(element, 'data-coreai-chat-document-bar-selector'),
+      uploadDocumentUrl: getAttributeValue(element, 'data-coreai-chat-upload-document-url'),
+      removeDocumentUrl: getAttributeValue(element, 'data-coreai-chat-remove-document-url'),
+      allowedExtensions: getAttributeValue(element, 'data-coreai-chat-allowed-extensions'),
+      supportedExtensionsText: getAttributeValue(element, 'data-coreai-chat-supported-extensions-text'),
+      existingDocuments: (_parseJsonAttribute2 = parseJsonAttribute(element, 'data-coreai-chat-existing-documents', 'CoreAI chat existing documents')) !== null && _parseJsonAttribute2 !== void 0 ? _parseJsonAttribute2 : undefined,
+      initialPrompt: getAttributeValue(element, 'data-coreai-chat-initial-prompt'),
+      sessionUrlTemplate: getAttributeValue(element, 'data-coreai-chat-session-url-template'),
+      userLabel: getAttributeValue(element, 'data-coreai-chat-user-label'),
+      assistantLabel: getAttributeValue(element, 'data-coreai-chat-assistant-label'),
+      copyTitle: getAttributeValue(element, 'data-coreai-chat-copy-title'),
+      copiedTitle: getAttributeValue(element, 'data-coreai-chat-copied-title')
+    };
+    var booleanAttributes = {
+      metricsEnabled: 'data-coreai-chat-metrics-enabled',
+      textToSpeechEnabled: 'data-coreai-chat-text-to-speech-enabled',
+      sessionDocumentsEnabled: 'data-coreai-chat-session-documents-enabled',
+      singleResponseMode: 'data-coreai-chat-single-response-mode'
+    };
+    Object.keys(booleanAttributes).forEach(function (key) {
+      var parsed = parseBooleanAttributeValue(getAttributeValue(element, booleanAttributes[key]));
+      if (parsed !== null) {
+        config[key] = parsed;
+      }
+    });
+    return compactObject(config);
+  }
+  function buildConfigFromElement(element, options) {
+    var jsonConfig = parseJsonAttribute(element, 'data-coreai-chat-config', 'CoreAI chat config');
+    var attributeConfig = buildConfigFromDataAttributes(element, options);
+    if (!jsonConfig && !attributeConfig) {
+      return null;
+    }
+    return Object.assign({}, jsonConfig || {}, attributeConfig || {});
+  }
+  function initializeFromElement(element) {
+    if (!element || element.dataset.coreAiChatInitialized === 'true') {
+      return element ? element.__coreAIChatApp || null : null;
+    }
+    var config = buildConfigFromElement(element);
+    if (!config) {
+      return null;
+    }
+    var app = initialize(config);
+    if (!app) {
+      return null;
+    }
+    element.dataset.coreAiChatInitialized = 'true';
+    element.__coreAIChatApp = app;
+    return app;
+  }
+  function scanForAutoInitialization(root) {
+    if (!root || typeof root.querySelectorAll !== 'function') {
+      return;
+    }
+    if (typeof root.matches === 'function' && root.matches(autoInitializeSelector)) {
+      initializeFromElement(root);
+    }
+    root.querySelectorAll(autoInitializeSelector).forEach(initializeFromElement);
+  }
+  function startAutoInitialization() {
+    scanForAutoInitialization(document);
+    if (typeof MutationObserver === 'undefined') {
+      return;
+    }
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (mutation) {
+        mutation.addedNodes.forEach(function (node) {
+          if (node && node.nodeType === 1) {
+            scanForAutoInitialization(node);
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', startAutoInitialization, {
+      once: true
+    });
+  } else {
+    startAutoInitialization();
+  }
   return {
-    initialize: initialize
+    initialize: initialize,
+    initializeFromElement: initializeFromElement,
+    buildConfigFromElement: buildConfigFromElement
   };
 }();