ttp-agent-sdk 2.48.0 → 2.48.1

package/dist/agent-widget.dev.js

@@ -10748,7 +10748,7 @@ var ClientScriptManager = /*#__PURE__*/function () {
           _ref2,
           toolCallId,
           toolName,
-          _ref3,
+          _ClientToolsRegistry$,
           action,
           args,
           startedAt,
@@ -10765,7 +10765,7 @@ var ClientScriptManager = /*#__PURE__*/function () {
             case 0:
               conversationId = _args.length > 1 && _args[1] !== undefined ? _args[1] : null;
               _ref2 = message || {}, toolCallId = _ref2.toolCallId, toolName = _ref2.toolName;
-              _ref3 = message && message.parameters || {}, action = _ref3.action, args = _ref3.args;
+              _ClientToolsRegistry$ = _ClientToolsRegistry_js__WEBPACK_IMPORTED_MODULE_0__["default"].resolveParameters(message), action = _ClientToolsRegistry$.action, args = _ClientToolsRegistry$.args;
               startedAt = Date.now();
               console.log("".concat(LOG).concat(this._tag(), " client_tool_call dispatch action=").concat(action, " toolCallId=").concat(toolCallId));
               sendError = function sendError(error, errorCode) {
@@ -10888,11 +10888,11 @@ var ClientScriptManager = /*#__PURE__*/function () {
     key: "handleRunPartnerScript",
     value: (function () {
       var _handleRunPartnerScript = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(message) {
-        var _ref4, requestId, partnerId, action, args, startedAt, result, elapsedMs, ok, serializedSize, sizeKB, limitKB, reason, _elapsedMs, _t2;
+        var _ref3, requestId, partnerId, action, args, startedAt, result, elapsedMs, ok, serializedSize, sizeKB, limitKB, reason, _elapsedMs, _t2;
         return _regenerator().w(function (_context2) {
           while (1) switch (_context2.p = _context2.n) {
             case 0:
-              _ref4 = message || {}, requestId = _ref4.requestId, partnerId = _ref4.partnerId, action = _ref4.action;
+              _ref3 = message || {}, requestId = _ref3.requestId, partnerId = _ref3.partnerId, action = _ref3.action;
               args = message && message.args || {};
               if (requestId) {
                 _context2.n = 1;
@@ -11009,7 +11009,8 @@ var ClientScriptManager = /*#__PURE__*/function () {
   }, {
     key: "isClientToolsToolCall",
     value: function isClientToolsToolCall(message) {
-      return !!message && message.toolName === 'run_partner_script' && !!message.parameters && message.parameters.partner_id === CLIENT_TOOLS_PARTNER_ID;
+      var parameters = _ClientToolsRegistry_js__WEBPACK_IMPORTED_MODULE_0__["default"].resolveParameters(message);
+      return !!message && message.toolName === 'run_partner_script' && parameters.partner_id === CLIENT_TOOLS_PARTNER_ID;
     }
   }]);
 }();
@@ -11127,6 +11128,20 @@ var ClientToolsRegistry = /*#__PURE__*/function () {
       return Array.from(this.handlers.keys());
     }
 
+    /**
+     * Resolve the object passed to a tool handler from a `client_tool_call` frame.
+     *
+     * The backend DTO (`ClientToolCallMessage`) serializes LLM args on
+     * `parameters`. Handlers destructure that object (`params.selector`, …), so
+     * `null` / a JSON string / an alternate field name would look like "params
+     * aren't working". Always return a plain object.
+     *
+     * @param {Object} message
+     * @returns {Object}
+     */
+  }, {
+    key: "handleToolCall",
+    value: (
     /**
      * Handle incoming client_tool_call message from backend
      * @param {Object} message - The tool call message
@@ -11134,19 +11149,19 @@ var ClientToolsRegistry = /*#__PURE__*/function () {
      * @param {string} message.toolName - Name of the tool to execute
      * @param {Object} message.parameters - Parameters for the tool
      */
-  }, {
-    key: "handleToolCall",
-    value: (function () {
+    function () {
       var _handleToolCall = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(message) {
-        var toolCallId, toolName, parameters, startTime, receiveTimestamp, handler, registeredTools, result, executionTimeMs, _error$message, _error$message2, _executionTimeMs, errorCode, _t;
+        var _ref, toolCallId, toolName, parameters, startTime, receiveTimestamp, handler, registeredTools, result, executionTimeMs, _error$message, _error$message2, _executionTimeMs, errorCode, _t;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.p = _context.n) {
             case 0:
-              toolCallId = message.toolCallId, toolName = message.toolName, parameters = message.parameters;
+              _ref = message || {}, toolCallId = _ref.toolCallId, toolName = _ref.toolName;
+              parameters = ClientToolsRegistry.resolveParameters(message);
               startTime = Date.now();
               receiveTimestamp = new Date().toISOString();
               console.log("\uD83D\uDD27 ClientTools: [".concat(receiveTimestamp, "] Received tool call '").concat(toolName, "' (id: ").concat(toolCallId, ")"));
               console.log("   \uD83D\uDCCB Full message received:", JSON.stringify(message, null, 2));
+              console.log("   \uD83D\uDCCB Resolved parameters:", parameters);
               console.log("   \u23F1\uFE0F  Start time: ".concat(startTime, "ms (").concat(new Date(startTime).toISOString(), ")"));
 
               // Check if handler exists
@@ -11276,6 +11291,34 @@ var ClientToolsRegistry = /*#__PURE__*/function () {
     value: function setSendMessage(sendMessage) {
       this.sendMessage = sendMessage;
     }
+  }], [{
+    key: "resolveParameters",
+    value: function resolveParameters(message) {
+      if (!message || _typeof(message) !== 'object') return {};
+      var raw = message.parameters;
+      if (raw == null) raw = message.params;
+      if (raw == null) raw = message.args;
+      if (raw == null) return {};
+      if (typeof raw === 'string') {
+        var trimmed = raw.trim();
+        if (!trimmed) return {};
+        try {
+          var parsed = JSON.parse(trimmed);
+          if (parsed !== null && _typeof(parsed) === 'object') return parsed;
+          return {
+            value: parsed
+          };
+        } catch (_unused2) {
+          return {
+            value: raw
+          };
+        }
+      }
+      if (_typeof(raw) === 'object') return raw;
+      return {
+        value: raw
+      };
+    }
   }]);
 }();
 _defineProperty(ClientToolsRegistry, "MAX_RESULT_SIZE", 512000);
@@ -11384,6 +11427,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _EventEmitter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EventEmitter.js */ "./src/core/EventEmitter.js");
 /* harmony import */ var _ClientToolsRegistry_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClientToolsRegistry.js */ "./src/core/ClientToolsRegistry.js");
 /* harmony import */ var _ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ClientScriptManager.js */ "./src/core/ClientScriptManager.js");
+/* harmony import */ var _helloFlavor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helloFlavor.js */ "./src/core/helloFlavor.js");
 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); }
 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); }
@@ -11416,9 +11460,12 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 
 
 
+
 var RECONNECT_DELAY_MS = 1000;
 var MAX_RECONNECT_ATTEMPTS = 5;
 var TEXT_CHAT_PATH = '/chat/text';
+/** Same interval as VoiceSDK — keeps proxies/LBs from dropping an idle text socket. */
+var KEEP_ALIVE_MS = 30000;
 /** Production voice/text base (path swapped to /chat/text); matches VoiceSDK v2 default. */
 var DEFAULT_WEBSOCKET_BASE_URL = 'wss://speech.talktopc.com/ws/conv';
 var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
@@ -11440,6 +11487,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
     _this.connecting = false;
     _this.reconnectAttempts = 0;
     _this.intentionalClose = false;
+    _this._keepAliveInterval = null;
     _this.fullResponseBuffer = '';
     _this.queue = [];
     _this.inFlight = false;
@@ -11604,6 +11652,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
         _this2.connected = true;
         _this2.reconnectAttempts = 0;
         console.log('[TextChatSDK] Connected');
+        _this2._startKeepAlive();
 
         // Send hello immediately on connect (same fields as voice SDK v2 hello).
         _this2.sendHelloMessage();
@@ -11719,13 +11768,16 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
           // Non-JSON or parse error; ignore
         }
       };
+
+      // Browser WebSocket.onerror is an Event, not an Error — emitting it would
+      // render as the chat bubble "[object Event]". onclose handles recovery.
       this.ws.onerror = function (e) {
         console.error('[TextChatSDK] WebSocket error:', e);
-        _this2.emit('error', e);
       };
       this.ws.onclose = function (event) {
         _this2.connected = false;
         _this2.connecting = false;
+        _this2._stopKeepAlive();
         console.log('[TextChatSDK] Disconnected, code:', event.code, 'reason:', event.reason);
 
         // Domain whitelist error — don't reconnect
@@ -11963,9 +12015,10 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
         v: 2
       };
 
-      // Flavor (partner tools: hotels, restaurants, ecommerce, etc.)
-      if (this.config.flavor) {
-        helloMessage.flavor = this.config.flavor;
+      // Partner fields only — UI-only keys like callView stay local (backend Flavor DTO rejects them)
+      var wireFlavor = (0,_helloFlavor_js__WEBPACK_IMPORTED_MODULE_3__.flavorForHello)(this.config.flavor);
+      if (wireFlavor) {
+        helloMessage.flavor = wireFlavor;
       }
 
       // Variables (template variables injected into agent prompt)
@@ -11994,7 +12047,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
 
       // SDK build time for debugging
       if (true) {
-        helloMessage.lastBuildTime = "2026-08-02T10:38:16.158Z";
+        helloMessage.lastBuildTime = "2026-08-20T12:21:14.185Z";
       }
       try {
         this.ws.send(JSON.stringify(helloMessage));
@@ -12023,6 +12076,27 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
         };
       }
     }
+  }, {
+    key: "_startKeepAlive",
+    value: function _startKeepAlive() {
+      var _this4 = this;
+      this._stopKeepAlive();
+      this._keepAliveInterval = setInterval(function () {
+        if (_this4.connected && _this4.ws && _this4.ws.readyState === WebSocket.OPEN) {
+          _this4.sendRaw({
+            t: 'ping'
+          });
+        }
+      }, KEEP_ALIVE_MS);
+    }
+  }, {
+    key: "_stopKeepAlive",
+    value: function _stopKeepAlive() {
+      if (this._keepAliveInterval) {
+        clearInterval(this._keepAliveInterval);
+        this._keepAliveInterval = null;
+      }
+    }
   }, {
     key: "persistConversationId",
     value: function persistConversationId(conversationId) {
@@ -12055,6 +12129,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
       this.queue = [];
       this.inFlight = false;
       this._currentTask = null;
+      this._stopKeepAlive();
       if (this.ws) {
         try {
           this.ws.close();
@@ -12622,6 +12697,35 @@ var webSocketSingleton = new WebSocketSingleton();
 
 /***/ }),
 
+/***/ "./src/core/helloFlavor.js":
+/*!*********************************!*\
+  !*** ./src/core/helloFlavor.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   flavorForHello: () => (/* binding */ flavorForHello)
+/* harmony export */ });
+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); }
+/**
+ * Flavor fields the conversation backend Flavor DTO understands.
+ * UI-only keys (callView, …) stay on the widget config and must not go on hello.
+ */
+function flavorForHello(flavor) {
+  if (!flavor || _typeof(flavor) !== 'object') return null;
+  var out = {};
+  if (flavor.type != null && String(flavor.type).trim() !== '') out.type = flavor.type;
+  if (flavor.partnerId != null && String(flavor.partnerId).trim() !== '') out.partnerId = flavor.partnerId;
+  if (flavor.shopifyDomain != null && String(flavor.shopifyDomain).trim() !== '') {
+    out.shopifyDomain = flavor.shopifyDomain;
+  }
+  return Object.keys(out).length ? out : null;
+}
+
+/***/ }),
+
 /***/ "./src/ecommerce/CartSummary.js":
 /*!**************************************!*\
   !*** ./src/ecommerce/CartSummary.js ***!
@@ -21254,7 +21358,7 @@ var VoiceSDK = _v2_VoiceSDK_js__WEBPACK_IMPORTED_MODULE_0__["default"];
 
 // Version - injected at build time from package.json via webpack DefinePlugin
 var VERSION = "2.48.0";
-var BUILD_TIME = "2026-08-02T10:38:16.158Z";
+var BUILD_TIME = "2026-08-20T12:21:14.185Z";
 console.log("%c TTP Agent SDK v".concat(VERSION, " (").concat(BUILD_TIME, ") "), 'background: #4f46e5; color: white; font-size: 12px; font-weight: bold; padding: 2px 6px; border-radius: 4px;');
 
 // Named exports
@@ -25430,6 +25534,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _codecs_PCMUCodec_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./codecs/PCMUCodec.js */ "./src/v2/codecs/PCMUCodec.js");
 /* harmony import */ var _codecs_PCMACodec_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./codecs/PCMACodec.js */ "./src/v2/codecs/PCMACodec.js");
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -25505,6 +25612,15 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
     _this.gainNode = null; // GainNode for volume/mute control
     _this._audioContextPrimed = false; // Track if AudioContext has been primed with silent buffer
 
+    // Last-hop AEC route (ElevenLabs WS pattern): play through a hidden
+    // HTMLAudioElement instead of AudioContext.destination so Chrome/Safari
+    // can use TTS as the echo-cancellation far-end. Scheduling / source.stop
+    // still live on the AudioContext. Opt out with htmlAudioPlayback:false.
+    _this._htmlAudioEl = null;
+    _this._mediaStreamDest = null;
+    _this._htmlAudioRouteActive = false;
+    _this._htmlAudioPlayOk = false;
+
     // Track temporary listener in waitForAudioContextReady() for cleanup
     _this._waitForReadyStateHandler = null;
     _this.audioQueue = [];
@@ -25920,6 +26036,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               return _context4.a(2);
             case 2:
               this.isSchedulingFrames = true;
+              this._ensureHtmlAudioPlaying();
 
               // Schedule multiple frames ahead to ensure continuous playback
               // This prevents gaps when frames arrive slowly or there are timing delays
@@ -26779,6 +26896,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
         } catch (_) {/* ignore */}
         this.gainNode = null;
       }
+      this._teardownHtmlAudioRoute();
       if (this.audioContext === _sharedPlayerContext) {
         _sharedPlayerContext = null;
         _sharedPlayerSampleRate = null;
@@ -26921,6 +27039,124 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
       }
       return _waitForAudioContextReadyImpl;
     }()
+  }, {
+    key: "wantsHtmlAudioPlayback",
+    value: function wantsHtmlAudioPlayback() {
+      return this.config.htmlAudioPlayback !== false;
+    }
+  }, {
+    key: "getHtmlAudioPlaybackInfo",
+    value: function getHtmlAudioPlaybackInfo() {
+      return {
+        htmlAudioPlayback: this.wantsHtmlAudioPlayback(),
+        htmlAudioRouteActive: this._htmlAudioRouteActive,
+        htmlAudioPlayOk: this._htmlAudioPlayOk
+      };
+    }
+
+    /**
+     * Last hop: GainNode → MediaStreamDestination → hidden <audio>.
+     * Falls back to AudioContext.destination if the HTML route cannot start.
+     */
+  }, {
+    key: "_connectGainToOutput",
+    value: function _connectGainToOutput() {
+      if (!this.gainNode || !this.audioContext) {
+        return;
+      }
+      try {
+        this.gainNode.disconnect();
+      } catch (_) {/* ignore */}
+      if (this.wantsHtmlAudioPlayback() && this._ensureHtmlAudioRoute()) {
+        this.gainNode.connect(this._mediaStreamDest);
+        return;
+      }
+      this.gainNode.connect(this.audioContext.destination);
+      this._htmlAudioRouteActive = false;
+    }
+  }, {
+    key: "_ensureHtmlAudioRoute",
+    value: function _ensureHtmlAudioRoute() {
+      if (this._htmlAudioRouteActive && this._htmlAudioEl && this._mediaStreamDest) {
+        this._ensureHtmlAudioPlaying();
+        return true;
+      }
+      if (!this.audioContext || typeof this.audioContext.createMediaStreamDestination !== 'function') {
+        console.warn('⚠️ AudioPlayer: MediaStreamDestination unavailable — using AudioContext.destination');
+        return false;
+      }
+      try {
+        this._mediaStreamDest = this.audioContext.createMediaStreamDestination();
+        var el = document.createElement('audio');
+        el.setAttribute('playsinline', '');
+        el.setAttribute('webkit-playsinline', '');
+        el.autoplay = true;
+        el.controls = false;
+        el.preload = 'auto';
+        el.style.display = 'none';
+        el.srcObject = this._mediaStreamDest.stream;
+        document.body.appendChild(el);
+        this._htmlAudioEl = el;
+        this._htmlAudioRouteActive = true;
+        this._ensureHtmlAudioPlaying();
+        console.log('🔊 AudioPlayer: Playback last-hop is HTMLAudioElement (AEC far-end route)');
+        return true;
+      } catch (e) {
+        console.warn('⚠️ AudioPlayer: HTML audio route failed, falling back to destination:', e);
+        this._teardownHtmlAudioRoute();
+        return false;
+      }
+    }
+  }, {
+    key: "_ensureHtmlAudioPlaying",
+    value: function _ensureHtmlAudioPlaying() {
+      var _this7 = this;
+      var el = this._htmlAudioEl;
+      if (!el) return;
+      if (!el.paused && this._htmlAudioPlayOk) return;
+      var playResult = el.play();
+      if (playResult && typeof playResult.then === 'function') {
+        playResult.then(function () {
+          _this7._htmlAudioPlayOk = true;
+        }).catch(function (err) {
+          if (_this7._htmlAudioPlayOk || !el.paused) {
+            return;
+          }
+          console.warn('⚠️ AudioPlayer: HTMLAudioElement.play() rejected — falling back to destination:', err);
+          _this7._fallbackToDestination('play_rejected');
+        });
+      }
+    }
+  }, {
+    key: "_fallbackToDestination",
+    value: function _fallbackToDestination(reason) {
+      if (!this.gainNode || !this.audioContext) return;
+      try {
+        this.gainNode.disconnect();
+      } catch (_) {/* ignore */}
+      this._teardownHtmlAudioRoute();
+      this.gainNode.connect(this.audioContext.destination);
+      console.warn("\u26A0\uFE0F AudioPlayer: Fell back to AudioContext.destination (".concat(reason, ")"));
+    }
+  }, {
+    key: "_teardownHtmlAudioRoute",
+    value: function _teardownHtmlAudioRoute() {
+      if (this._htmlAudioEl) {
+        try {
+          this._htmlAudioEl.pause();
+        } catch (_) {/* ignore */}
+        try {
+          this._htmlAudioEl.srcObject = null;
+        } catch (_) {/* ignore */}
+        if (this._htmlAudioEl.parentNode) {
+          this._htmlAudioEl.parentNode.removeChild(this._htmlAudioEl);
+        }
+        this._htmlAudioEl = null;
+      }
+      this._mediaStreamDest = null;
+      this._htmlAudioRouteActive = false;
+    }
+
     /**
      * Initialize audio context with correct sample rate
      */
@@ -26929,7 +27165,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
     value: (function () {
       var _initializeAudioContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
         var _this$outputFormat5,
-          _this7 = this,
+          _this8 = this,
           _this$outputFormat6;
         var desiredSampleRate, currentSampleRate, canReuseShared, setupAfterResume, _t4;
         return _regenerator().w(function (_context8) {
@@ -26970,6 +27206,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               _context8.n = 3;
               break;
             case 2:
+              this._ensureHtmlAudioPlaying();
               return _context8.a(2);
             case 3:
               // iOS FIX: Reuse shared AudioContext if available and compatible.
@@ -26983,19 +27220,19 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               console.log("\u267B\uFE0F AudioPlayer: Reusing shared AudioContext at ".concat(desiredSampleRate, "Hz (iOS-safe)"));
               this.audioContext = _sharedPlayerContext;
               setupAfterResume = function setupAfterResume() {
-                _this7.setupAudioContextStateMonitoring();
-                if (_this7.gainNode) {
+                _this8.setupAudioContextStateMonitoring();
+                if (_this8.gainNode) {
                   try {
-                    _this7.gainNode.disconnect();
+                    _this8.gainNode.disconnect();
                   } catch (e) {
                     console.warn('⚠️ AudioPlayer: Error disconnecting old GainNode:', e);
                   }
                 }
-                _this7.gainNode = _this7.audioContext.createGain();
-                _this7.gainNode.gain.value = 1.0;
-                _this7.gainNode.connect(_this7.audioContext.destination);
-                if (!_this7._audioContextPrimed) {
-                  _this7._primeAudioContext();
+                _this8.gainNode = _this8.audioContext.createGain();
+                _this8.gainNode.gain.value = 1.0;
+                _this8._connectGainToOutput();
+                if (!_this8._audioContextPrimed) {
+                  _this8._primeAudioContext();
                 }
               };
               if (!(this.audioContext.state === 'suspended')) {
@@ -27050,7 +27287,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                 this.setupAudioContextStateMonitoring();
                 this.gainNode = this.audioContext.createGain();
                 this.gainNode.gain.value = 1.0;
-                this.gainNode.connect(this.audioContext.destination);
+                this._connectGainToOutput();
                 console.log('✅ AudioPlayer: GainNode created for volume control');
                 this._primeAudioContext();
               } catch (error) {
@@ -27062,7 +27299,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                 this.setupAudioContextStateMonitoring();
                 this.gainNode = this.audioContext.createGain();
                 this.gainNode.gain.value = 1.0;
-                this.gainNode.connect(this.audioContext.destination);
+                this._connectGainToOutput();
                 console.log('✅ AudioPlayer: GainNode created for volume control (fallback)');
                 this._primeAudioContext();
               }
@@ -27100,8 +27337,11 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               silentBuffer = this.audioContext.createBuffer(1, sampleRate * 0.15, sampleRate);
               source = this.audioContext.createBufferSource();
               source.buffer = silentBuffer;
-              source.connect(this.audioContext.destination);
+              // Prime through the same last hop as real TTS so iOS treats the hidden
+              // <audio> as "playing media" (ElevenLabs maybePrimeIosPlayback).
+              source.connect(this.gainNode || this.audioContext.destination);
               source.start();
+              this._ensureHtmlAudioPlaying();
               _context9.n = 2;
               return new Promise(function (resolve) {
                 return setTimeout(resolve, 150);
@@ -27135,7 +27375,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
     value: function _cleanupAudioContext() {
       console.log('[TTP AudioPlayer] 🧹 Cleaning up AudioContext (iOS-safe: keeping shared context alive)');
 
-      // Disconnect and cleanup gainNode
+      // Disconnect and cleanup gainNode + HTML audio last-hop
       if (this.gainNode) {
         try {
           this.gainNode.disconnect();
@@ -27144,6 +27384,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
         }
         this.gainNode = null;
       }
+      this._teardownHtmlAudioRoute();
 
       // Remove state change listener first
       if (this._audioContextStateChangeHandler && this.audioContext) {
@@ -27184,7 +27425,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
      * Handles mic permission grants, tab switching, browser suspension, etc.
      */
     function setupAudioContextStateMonitoring() {
-      var _this8 = this;
+      var _this9 = this;
       if (!this.audioContext) {
         return;
       }
@@ -27197,35 +27438,38 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
       // Create handler that references this.audioContext dynamically
       this._audioContextStateChangeHandler = function () {
         // Null check required because audioContext may be cleaned up while handler is queued
-        if (!_this8.audioContext) {
+        if (!_this9.audioContext) {
           console.warn('⚠️ AudioPlayer: State change handler fired but AudioContext is null');
           return;
         }
-        console.log("\uD83C\uDFB5 AudioPlayer: AudioContext state changed to: ".concat(_this8.audioContext.state));
-        if (_this8.audioContext.state === 'suspended' && _this8.isPlaying) {
+        console.log("\uD83C\uDFB5 AudioPlayer: AudioContext state changed to: ".concat(_this9.audioContext.state));
+        if (_this9.audioContext.state === 'running') {
+          _this9._ensureHtmlAudioPlaying();
+        }
+        if (_this9.audioContext.state === 'suspended' && _this9.isPlaying) {
           // AudioContext was suspended during playback (tab switch, mic permission, etc.)
           console.warn('⚠️ AudioPlayer: AudioContext suspended during playback');
           // Note: Playback will pause automatically, but we should handle queue processing
           // The state change will be handled when we try to process next frame
-        } else if (_this8.audioContext.state === 'running' && !_this8.isPlaying && (_this8.audioQueue.length > 0 || _this8.pcmChunkQueue.length > 0 || _this8.preparedBuffer.length > 0)) {
+        } else if (_this9.audioContext.state === 'running' && !_this9.isPlaying && (_this9.audioQueue.length > 0 || _this9.pcmChunkQueue.length > 0 || _this9.preparedBuffer.length > 0)) {
           // AudioContext resumed and we have queued frames
           // This handles: mic permission grant, tab switching back, browser resume, etc.
           console.log('✅ AudioPlayer: AudioContext resumed - resuming queue processing');
 
           // Resume queue processing if we have frames
-          if (_this8.audioQueue.length > 0 && !_this8.isProcessingQueue) {
+          if (_this9.audioQueue.length > 0 && !_this9.isProcessingQueue) {
             setTimeout(function () {
-              return _this8.processQueue();
+              return _this9.processQueue();
             }, 50);
           }
-          if (_this8.pcmChunkQueue.length > 0 && !_this8.isProcessingPcmQueue) {
+          if (_this9.pcmChunkQueue.length > 0 && !_this9.isProcessingPcmQueue) {
             setTimeout(function () {
-              return _this8.processPcmQueue();
+              return _this9.processPcmQueue();
             }, 50);
           }
-          if (_this8.preparedBuffer.length > 0 && !_this8.isSchedulingFrames) {
+          if (_this9.preparedBuffer.length > 0 && !_this9.isSchedulingFrames) {
             setTimeout(function () {
-              return _this8.scheduleFrames();
+              return _this9.scheduleFrames();
             }, 50);
           }
         }
@@ -27244,7 +27488,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
     key: "processQueue",
     value: (function () {
       var _processQueue = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9() {
-        var _this9 = this;
+        var _this0 = this;
         var audioBlob, wasFirstPlay, audioContext, arrayBuffer, audioBuffer, shouldEmitStart, source, _t6;
         return _regenerator().w(function (_context0) {
           while (1) switch (_context0.p = _context0.n) {
@@ -27263,6 +27507,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               return _context0.a(2);
             case 2:
               this.isProcessingQueue = true;
+              this._ensureHtmlAudioPlaying();
               audioBlob = this.audioQueue.shift();
               if (audioBlob) {
                 _context0.n = 3;
@@ -27303,22 +27548,22 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               // Handle end
 
               source.onended = function () {
-                _this9.currentSource = null;
-                _this9.isProcessingQueue = false;
+                _this0.currentSource = null;
+                _this0.isProcessingQueue = false;
 
                 // Process next chunk
 
-                if (_this9.audioQueue.length > 0) {
+                if (_this0.audioQueue.length > 0) {
                   setTimeout(function () {
-                    return _this9.processQueue();
+                    return _this0.processQueue();
                   }, 50);
                 } else {
                   // No more chunks - stop after delay
 
                   setTimeout(function () {
-                    if (_this9.audioQueue.length === 0 && !_this9.currentSource) {
-                      _this9.isPlaying = false;
-                      _this9.emit('playbackStopped');
+                    if (_this0.audioQueue.length === 0 && !_this0.currentSource) {
+                      _this0.isPlaying = false;
+                      _this0.emit('playbackStopped');
                     }
                   }, 100);
                 }
@@ -27341,7 +27586,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               if (this.audioQueue.length > 0) {
                 this.isProcessingQueue = false;
                 setTimeout(function () {
-                  return _this9.processQueue();
+                  return _this0.processQueue();
                 }, 100);
               } else {
                 this.isPlaying = false;
@@ -27564,7 +27809,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "markNewSentence",
     value: function markNewSentence(text, synced, segmentId) {
-      var _this0 = this;
+      var _this1 = this;
       var wasStopped = this._isStopped;
       var isCurrentlyPlaying = this.isPlaying || this.scheduledSources.size > 0;
 
@@ -27623,34 +27868,34 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
       var sentenceText = text; // Capture for timeout callback
       this._emptySentenceTimeout = setTimeout(function () {
         // Check if this sentence still has no chunks after timeout
-        if (_this0.pendingSentenceText === sentenceText && _this0.scheduledBuffers === 0 && _this0.preparedBuffer.length === 0 && _this0.pcmChunkQueue.length === 0 && !_this0._isStopped) {
+        if (_this1.pendingSentenceText === sentenceText && _this1.scheduledBuffers === 0 && _this1.preparedBuffer.length === 0 && _this1.pcmChunkQueue.length === 0 && !_this1._isStopped) {
           console.warn("\u26A0\uFE0F AudioPlayer: Empty sentence detected after 5s timeout - no chunks received for: \"".concat(sentenceText.substring(0, 40), "...\""));
           // If this empty sentence carried a segment id, report it done (nothing was heard) and
           // adopt it as current so the coarse stop below matches the backend's last-sent id.
-          if (_this0.pendingSegmentId != null) {
-            var emptySegId = _this0.pendingSegmentId;
-            _this0.currentSegmentId = emptySegId;
-            _this0.pendingSegmentId = null;
-            _this0.emit('segmentDone', {
+          if (_this1.pendingSegmentId != null) {
+            var emptySegId = _this1.pendingSegmentId;
+            _this1.currentSegmentId = emptySegId;
+            _this1.pendingSegmentId = null;
+            _this1.emit('segmentDone', {
               segmentId: emptySegId,
               status: 'finished',
               playedMs: 0
             });
           }
           // Clear pending sentence to unblock next sentence
-          if (_this0.pendingSentenceText === sentenceText) {
-            _this0.pendingSentenceText = null;
+          if (_this1.pendingSentenceText === sentenceText) {
+            _this1.pendingSentenceText = null;
           }
           // Emit playbackStopped to allow next sentence to start
           // Only if we're not currently playing (to avoid interrupting real playback)
-          if (!_this0.isPlaying && _this0.scheduledSources.size === 0) {
+          if (!_this1.isPlaying && _this1.scheduledSources.size === 0) {
             console.log('🛑 AudioPlayer: Emitting playbackStopped for empty sentence timeout');
-            _this0.emit('playbackStopped', {
-              segmentId: _this0.currentSegmentId
+            _this1.emit('playbackStopped', {
+              segmentId: _this1.currentSegmentId
             });
           }
         }
-        _this0._emptySentenceTimeout = null;
+        _this1._emptySentenceTimeout = null;
       }, 5000); // 5 second timeout - adjust based on expected chunk arrival rate
     }
 
@@ -27660,14 +27905,14 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "startTranscriptChecker",
     value: function startTranscriptChecker() {
-      var _this1 = this;
+      var _this10 = this;
       if (this.isCheckingTranscripts) return;
       this.isCheckingTranscripts = true;
       console.log('📝 AudioPlayer: Transcript checker started');
       var _checkLoop = function checkLoop() {
-        if (!_this1.isCheckingTranscripts || !_this1.audioContext) return;
-        var currentTime = _this1.audioContext.currentTime;
-        var _iterator2 = _createForOfIteratorHelper(_this1.sentenceTimings),
+        if (!_this10.isCheckingTranscripts || !_this10.audioContext) return;
+        var currentTime = _this10.audioContext.currentTime;
+        var _iterator2 = _createForOfIteratorHelper(_this10.sentenceTimings),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -27681,13 +27926,13 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                 eventData.synced = _timing.synced;
               }
               console.log("\uD83D\uDCDD AudioPlayer: Display transcript at ".concat(currentTime.toFixed(3), "s: \"").concat(_timing.text.substring(0, 40), "...\" (synced: ").concat(_timing.synced ? _timing.synced.length : 0, ")"));
-              _this1.emit('transcriptDisplay', eventData);
+              _this10.emit('transcriptDisplay', eventData);
             }
             // Per-segment natural finish: this segment's audio window has fully elapsed.
             if (!_timing.doneReported && _timing.endTime != null && currentTime >= _timing.endTime) {
               _timing.doneReported = true;
               var _playedMs = Math.round((_timing.endTime - _timing.startTime) * 1000);
-              _this1.emit('segmentDone', {
+              _this10.emit('segmentDone', {
                 segmentId: _timing.segmentId,
                 status: 'finished',
                 playedMs: _playedMs
@@ -27699,12 +27944,12 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
         } finally {
           _iterator2.f();
         }
-        if (_this1.isPlaying || _this1.scheduledBuffers > 0) {
+        if (_this10.isPlaying || _this10.scheduledBuffers > 0) {
           requestAnimationFrame(_checkLoop);
         } else {
           // Playback drained naturally — flush any segment whose finish tick we may have missed
           // (the last buffer's onended can flip isPlaying=false before this loop's next tick).
-          var _iterator3 = _createForOfIteratorHelper(_this1.sentenceTimings),
+          var _iterator3 = _createForOfIteratorHelper(_this10.sentenceTimings),
             _step3;
           try {
             for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -27713,7 +27958,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                 timing.doneReported = true;
                 var end = timing.endTime != null ? timing.endTime : timing.startTime;
                 var playedMs = Math.round((end - timing.startTime) * 1000);
-                _this1.emit('segmentDone', {
+                _this10.emit('segmentDone', {
                   segmentId: timing.segmentId,
                   status: 'finished',
                   playedMs: playedMs
@@ -27725,7 +27970,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
           } finally {
             _iterator3.f();
           }
-          _this1.isCheckingTranscripts = false;
+          _this10.isCheckingTranscripts = false;
           console.log('📝 AudioPlayer: Transcript checker stopped');
         }
       };
@@ -27831,7 +28076,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "getStatus",
     value: function getStatus() {
-      return {
+      return _objectSpread({
         isPlaying: this.isPlaying,
         isProcessingQueue: this.isProcessingQueue,
         queueLength: this.audioQueue.length,
@@ -27840,7 +28085,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
         scheduledBuffers: this.scheduledBuffers,
         preparedBufferLength: this.preparedBuffer.length,
         scheduledSourcesCount: this.scheduledSources.size
-      };
+      }, this.getHtmlAudioPlaybackInfo());
     }
 
     /**
@@ -27888,8 +28133,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_AudioFormatConverter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/AudioFormatConverter.js */ "./src/v2/utils/AudioFormatConverter.js");
 /* harmony import */ var _core_ClientToolsRegistry_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../core/ClientToolsRegistry.js */ "./src/core/ClientToolsRegistry.js");
 /* harmony import */ var _core_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../core/ClientScriptManager.js */ "./src/core/ClientScriptManager.js");
-/* harmony import */ var _utils_screenshot_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/screenshot.js */ "./src/utils/screenshot.js");
-/* harmony import */ var _utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/visual-tools.js */ "./src/utils/visual-tools.js");
+/* harmony import */ var _core_helloFlavor_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../core/helloFlavor.js */ "./src/core/helloFlavor.js");
+/* harmony import */ var _utils_screenshot_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/screenshot.js */ "./src/utils/screenshot.js");
+/* harmony import */ var _utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/visual-tools.js */ "./src/utils/visual-tools.js");
 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); }
 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 _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; } }
@@ -27924,6 +28170,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 /**
 
  * VoiceSDK v2 - Multi-codec speech-to-speech SDK
@@ -28021,6 +28268,9 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
       // Audio constraints for getUserMedia (optional)
       // If not provided, defaults will be used: echoCancellation: true, noiseSuppression: true, autoGainControl: true
       audioConstraints: config.audioConstraints || null,
+      // Last-hop TTS playback via hidden <audio> (AEC far-end). Default on.
+      // Set false to fall back to AudioContext.destination (old path).
+      htmlAudioPlayback: config.htmlAudioPlayback !== false,
       // Protocol version
 
       protocolVersion: config.protocolVersion || 2,
@@ -28142,7 +28392,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
     key: "_registerBuiltInTools",
     value: function _registerBuiltInTools() {
       try {
-        (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_7__.registerVisualTools)(this.clientToolsRegistry);
+        (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_8__.registerVisualTools)(this.clientToolsRegistry);
       } catch (error) {
         console.error('❌ VoiceSDK: Error registering built-in tools:', error);
         console.error('   Error details:', error.message, error.stack);
@@ -28911,11 +29161,11 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
     key: "_sendClientAudioInfo",
     value: function _sendClientAudioInfo() {
       try {
-        var _this$audioRecorder, _this$audioRecorder$g, _s$echoCancellation, _s$noiseSuppression, _s$autoGainControl, _s$voiceIsolation, _s$sampleRate, _s$channelCount, _this$audioRecorder2, _this$audioPlayer, _this$audioRecorder3;
+        var _this$audioRecorder, _this$audioRecorder$g, _s$echoCancellation, _s$noiseSuppression, _s$autoGainControl, _s$voiceIsolation, _s$sampleRate, _s$channelCount, _this$audioRecorder2, _this$audioPlayer, _this$audioRecorder3, _this$audioPlayer2, _this$audioPlayer2$ge;
         var track = (_this$audioRecorder = this.audioRecorder) === null || _this$audioRecorder === void 0 || (_this$audioRecorder = _this$audioRecorder.mediaStream) === null || _this$audioRecorder === void 0 || (_this$audioRecorder$g = _this$audioRecorder.getAudioTracks) === null || _this$audioRecorder$g === void 0 ? void 0 : _this$audioRecorder$g.call(_this$audioRecorder)[0];
         if (!track) return;
         var s = track.getSettings ? track.getSettings() : {};
-        var audio = {
+        var audio = _objectSpread({
           aec: (_s$echoCancellation = s.echoCancellation) !== null && _s$echoCancellation !== void 0 ? _s$echoCancellation : null,
           ns: (_s$noiseSuppression = s.noiseSuppression) !== null && _s$noiseSuppression !== void 0 ? _s$noiseSuppression : null,
           agc: (_s$autoGainControl = s.autoGainControl) !== null && _s$autoGainControl !== void 0 ? _s$autoGainControl : null,
@@ -28926,7 +29176,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
           captureCtxRate: ((_this$audioRecorder2 = this.audioRecorder) === null || _this$audioRecorder2 === void 0 || (_this$audioRecorder2 = _this$audioRecorder2.audioContext) === null || _this$audioRecorder2 === void 0 ? void 0 : _this$audioRecorder2.sampleRate) || null,
           playbackCtxRate: ((_this$audioPlayer = this.audioPlayer) === null || _this$audioPlayer === void 0 || (_this$audioPlayer = _this$audioPlayer.audioContext) === null || _this$audioPlayer === void 0 ? void 0 : _this$audioPlayer.sampleRate) || null,
           constraintsFallback: ((_this$audioRecorder3 = this.audioRecorder) === null || _this$audioRecorder3 === void 0 || (_this$audioRecorder3 = _this$audioRecorder3.mediaStream) === null || _this$audioRecorder3 === void 0 ? void 0 : _this$audioRecorder3._ttpConstraintsFallback) === true
-        };
+        }, ((_this$audioPlayer2 = this.audioPlayer) === null || _this$audioPlayer2 === void 0 || (_this$audioPlayer2$ge = _this$audioPlayer2.getHtmlAudioPlaybackInfo) === null || _this$audioPlayer2$ge === void 0 ? void 0 : _this$audioPlayer2$ge.call(_this$audioPlayer2)) || {});
         this.sendMessage({
           t: 'client_audio_info',
           audio: audio
@@ -28940,7 +29190,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
     key: "sendHelloMessage",
     value: function () {
       var _sendHelloMessage = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
-        var inputFormat, requestedOutputFormat, inputError, outputError, helloMessage;
+        var inputFormat, requestedOutputFormat, inputError, outputError, helloMessage, wireFlavor;
         return _regenerator().w(function (_context2) {
           while (1) switch (_context2.n) {
             case 0:
@@ -29029,14 +29279,15 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
                 console.log('⚠️ VoiceSDK v2: Variables NOT included - condition failed');
               }
 
-              // Include flavor object if set (additive — backward compatible)
-              if (this.config.flavor) {
-                helloMessage.flavor = this.config.flavor;
+              // Partner fields only — UI-only keys like callView stay local (backend Flavor DTO rejects them)
+              wireFlavor = (0,_core_helloFlavor_js__WEBPACK_IMPORTED_MODULE_6__.flavorForHello)(this.config.flavor);
+              if (wireFlavor) {
+                helloMessage.flavor = wireFlavor;
               }
 
               // Include SDK build time for debugging
               if (true) {
-                helloMessage.lastBuildTime = "2026-08-02T10:38:16.158Z";
+                helloMessage.lastBuildTime = "2026-08-20T12:21:14.185Z";
               }
 
               // Client environment (device/browser/webview) for backend logs + Langfuse metadata
@@ -29280,7 +29531,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
           case 'get_page_context':
             // Handle get_page_context request from backend
             console.log('📖 [VISUAL ASSISTANT] Backend requested page context');
-            (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_7__.extractPageContext)().then(function (pageContext) {
+            (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_8__.extractPageContext)().then(function (pageContext) {
               // Use existing DOM scanner
               _this6.sendMessage({
                 t: 'page_context',
@@ -29301,7 +29552,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
             console.log('📸 [VISUAL ASSISTANT] Backend requested screenshot');
             try {
               // Use existing screenshot capture function
-              (0,_utils_screenshot_js__WEBPACK_IMPORTED_MODULE_6__.captureScreenshot)().then(function (screenshot) {
+              (0,_utils_screenshot_js__WEBPACK_IMPORTED_MODULE_7__.captureScreenshot)().then(function (screenshot) {
                 _this6.sendMessage({
                   t: 'screenshot',
                   screenshot: {
@@ -32579,6 +32830,7 @@ var AgentSDK = /*#__PURE__*/function () {
                 outputBitDepth: this.config.outputBitDepth || 16,
                 // Default: 16-bit
                 flavor: this.config.flavor || null,
+                htmlAudioPlayback: this.config.htmlAudioPlayback !== false,
                 // Shared client-tool handler map (set by TTPChatWidget so voice + text SDKs
                 // both look up handlers in the same registration site).
                 sharedToolHandlers: this.config.sharedToolHandlers || null,
@@ -34573,7 +34825,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
           agentTextColor: ((_userConfig$messages8 = userConfig.messages) === null || _userConfig$messages8 === void 0 ? void 0 : _userConfig$messages8.agentTextColor) || ((_userConfig$messages9 = userConfig.messages) === null || _userConfig$messages9 === void 0 ? void 0 : _userConfig$messages9.textColor) || '#1F2937',
           userAvatarIcon: ((_userConfig$messages0 = userConfig.messages) === null || _userConfig$messages0 === void 0 ? void 0 : _userConfig$messages0.userAvatarIcon) || '👤',
           agentAvatarIcon: ((_userConfig$messages1 = userConfig.messages) === null || _userConfig$messages1 === void 0 ? void 0 : _userConfig$messages1.agentAvatarIcon) || '🤖',
-          fontSize: ((_userConfig$messages10 = userConfig.messages) === null || _userConfig$messages10 === void 0 ? void 0 : _userConfig$messages10.fontSize) || '12px',
+          fontSize: ((_userConfig$messages10 = userConfig.messages) === null || _userConfig$messages10 === void 0 ? void 0 : _userConfig$messages10.fontSize) || '15px',
           borderRadius: ((_userConfig$messages11 = userConfig.messages) === null || _userConfig$messages11 === void 0 ? void 0 : _userConfig$messages11.borderRadius) || 16
         }, userConfig.messages),
         // Animation Configuration
@@ -34662,7 +34914,10 @@ var TTPChatWidget = /*#__PURE__*/function () {
         if (error && (error.message === 'DOMAIN_NOT_WHITELISTED' || error.message && error.message.includes('Domain not whitelisted'))) {
           return; // Already handled by domainError event
         }
-        _this5.textInterface.showError(error.message || error);
+        // WS onerror is a browser Event (no .message) — do not paint "[object Event]"
+        var text = typeof error === 'string' ? error : error && error.message;
+        if (!text) return;
+        _this5.textInterface.showError(text);
         _this5.textInterface.stopStreamingState();
       });
       this.sdk.on('chunk', function (chunk) {
@@ -37533,6 +37788,16 @@ var MESSAGE_COLLAPSE_THRESHOLD = 353;
 
 /** How often a streaming agent bubble is re-rendered from its markdown buffer (ms). */
 var STREAM_RENDER_INTERVAL_MS = 40;
+
+/**
+ * The time + delivery checks sit absolutely positioned in the bubble's bottom
+ * corner, so the bubble reserves a physical gutter wide enough that the last
+ * line of text can never run underneath them. GUTTER must stay comfortably
+ * wider than INSET plus the rendered metadata ("23:59 ✓✓" — 24h time is the
+ * widest case); `test/text-interface.test.mjs` asserts the two stay in step.
+ */
+var MESSAGE_META_INSET_PX = 14;
+var MESSAGE_META_GUTTER_PX = 68;
 function collapseMessageText(text) {
   if (text.length <= MESSAGE_COLLAPSE_THRESHOLD) return text;
   return "".concat(text.slice(0, MESSAGE_COLLAPSE_THRESHOLD).trimEnd(), "\u2026");
@@ -37649,7 +37914,7 @@ var TextInterface = /*#__PURE__*/function () {
       var inputFontSize = this.config.inputFontSize || ((_this$config$panel0 = this.config.panel) === null || _this$config$panel0 === void 0 ? void 0 : _this$config$panel0.inputFontSize) || '16px';
       var inputBorderRadius = this.config.inputBorderRadius || ((_this$config$panel1 = this.config.panel) === null || _this$config$panel1 === void 0 ? void 0 : _this$config$panel1.inputBorderRadius) || 20;
       var inputPadding = this.config.inputPadding || ((_this$config$panel10 = this.config.panel) === null || _this$config$panel10 === void 0 ? void 0 : _this$config$panel10.inputPadding) || '9px 12px';
-      var messageFontSize = messages.fontSize || '12px';
+      var messageFontSize = messages.fontSize || '15px';
       var panelLight;
       var topBarBg;
       var topBarBorder;
@@ -37769,7 +38034,7 @@ var TextInterface = /*#__PURE__*/function () {
 
       // Add !important to display rules when not using Shadow DOM (to override theme CSS)
       var important = this.config.useShadowDOM === false ? ' !important' : '';
-      return "\n      .text-interface-top-bar {\n        flex-shrink: 0".concat(important, ";\n        padding: 12px 14px").concat(important, ";\n        border-bottom: 1px solid ").concat(topBarBorder).concat(important, ";\n        background: ").concat(topBarBg).concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: flex-start").concat(important, ";\n        gap: 10px").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n      }\n      .text-interface-agent-heading {\n        display: flex").concat(important, ";\n        flex-direction: row").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 9px").concat(important, ";\n        min-width: 0").concat(important, ";\n        flex: 1").concat(important, ";\n        margin-right: 0").concat(important, ";\n      }\n      .text-interface-agent-avatar {\n        width: 36px").concat(important, ";\n        height: 36px").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex: 0 0 36px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: ").concat(useVoiceTheme ? avatarAgentBg : "linear-gradient(135deg, ".concat(sendButtonColor, ", ").concat(sendButtonHoverColor, ")")).concat(important, ";\n        border: none").concat(important, ";\n        box-shadow: none").concat(important, ";\n      }\n      .text-interface-agent-initial { color: #fff").concat(important, "; font-size: 14px").concat(important, "; font-weight: 500").concat(important, "; line-height: 1").concat(important, "; }\n      .text-interface-agent-copy {\n        display: flex").concat(important, ";\n        flex-direction: column").concat(important, ";\n        align-items: flex-start").concat(important, ";\n        gap: 2px").concat(important, ";\n        min-width: 0").concat(important, ";\n      }\n      .text-interface-agent-name {\n        color: #f0eff8").concat(important, ";\n        font-size: 14px").concat(important, ";\n        font-weight: 500").concat(important, ";\n        line-height: 1.15").concat(important, ";\n        overflow: hidden").concat(important, ";\n        text-overflow: ellipsis").concat(important, ";\n        white-space: nowrap").concat(important, ";\n      }\n      .text-interface-agent-status {\n        display: inline-flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 6px").concat(important, ";\n        color: rgba(255,255,255,0.7)").concat(important, ";\n        font-size: 10px").concat(important, ";\n      }\n      .text-interface-agent-status > span {\n        width: 7px").concat(important, ";\n        height: 7px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: #4ade80").concat(important, ";\n        box-shadow: 0 0 10px rgba(74,222,128,0.75)").concat(important, ";\n      }\n      .text-interface-top-actions { display: flex").concat(important, "; align-items: center").concat(important, "; gap: 4px").concat(important, "; margin-inline-start: auto").concat(important, "; }\n      .text-interface-close-btn:hover,\n      .text-interface-home-btn:hover,\n      .text-interface-footer .ttp-info-btn:hover {\n        background: rgba(255,255,255,0.22)").concat(important, ";\n        color: #ffffff").concat(important, ";\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 4px 14px rgba(0,0,0,0.22)").concat(important, ";\n      }\n      .text-interface-close-btn,\n      .text-interface-home-btn,\n      .text-interface-footer .ttp-info-btn {\n        width: 32px").concat(important, ";\n        height: 32px").concat(important, ";\n        display: grid").concat(important, ";\n        place-items: center").concat(important, ";\n        padding: 0").concat(important, ";\n        margin: 0").concat(important, ";\n        border: 1px solid rgba(255,255,255,0.14)").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: rgba(255,255,255,0.12)").concat(important, ";\n        color: rgba(224,218,255,0.84)").concat(important, ";\n        cursor: pointer").concat(important, ";\n        font-family: inherit").concat(important, ";\n        transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease").concat(important, ";\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.14)").concat(important, ";\n      }\n      .text-interface-home-btn svg,\n      .text-interface-close-btn svg,\n      .text-interface-footer .ttp-info-btn svg { width: 18px").concat(important, "; height: 18px").concat(important, "; fill: none").concat(important, "; stroke: currentColor").concat(important, "; stroke-width: 1.9").concat(important, "; stroke-linecap: round").concat(important, "; stroke-linejoin: round").concat(important, "; }\n      .text-interface-home-btn svg { fill: none").concat(important, "; stroke: currentColor").concat(important, "; width: 20px").concat(important, "; height: 20px").concat(important, "; stroke-width: 1.8").concat(important, "; }\n      .input-container .text-interface-home-btn {\n        width: 38px").concat(important, ";\n        height: 38px").concat(important, ";\n        color: rgba(224,218,255,0.84)").concat(important, ";\n        background: rgba(255,255,255,0.12)").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n      }\n      /* Messages container using new classes */\n      #messagesContainer { \n        flex: 1").concat(important, "; \n        overflow-y: auto").concat(important, "; \n        overflow-x: hidden").concat(important, "; \n        padding: 20px").concat(important, "; \n        background: ").concat(messagesAreaBg).concat(important, "; \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, "; \n        gap: 16px").concat(important, "; \n        min-height: 0").concat(important, "; \n      }\n      .empty-state { \n        flex: 1").concat(important, "; \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, "; \n        align-items: center").concat(important, "; \n        justify-content: center").concat(important, "; \n        gap: 12px").concat(important, "; \n        color: ").concat(emptyMuted).concat(important, "; \n        text-align: center").concat(important, "; \n        padding: 20px").concat(important, "; \n      }\n      .empty-state-icon { font-size: 52px").concat(important, "; opacity: 0.3").concat(important, "; }\n      .empty-state-title { font-size: 22px").concat(important, "; font-weight: 700").concat(important, "; color: ").concat(emptyTitle).concat(important, "; }\n      .empty-state-text { font-size: 15px").concat(important, "; max-width: 300px").concat(important, "; line-height: 1.45").concat(important, "; }\n      .empty-state-icon {\n        width: 48px").concat(important, "; height: 48px").concat(important, "; border-radius: 16px").concat(important, ";\n        display: grid").concat(important, "; place-items: center").concat(important, "; color: rgba(230,225,255,0.9)").concat(important, ";\n        background: rgba(255,255,255,0.1)").concat(important, ";\n        border: 1px solid rgba(225,219,255,0.18)").concat(important, ";\n      }\n      .empty-state-icon svg { width: 24px").concat(important, "; height: 24px").concat(important, "; }\n\n      .text-interface { \n        display: none").concat(important, "; \n        flex: 1").concat(important, "; \n        flex-direction: column").concat(important, "; \n        min-height: 0").concat(important, "; \n        overflow: hidden").concat(important, "; \n        direction: ").concat(textDirection).concat(important, ";\n      }\n      .text-interface.active { display: flex").concat(important, "; }\n      \n      .message { \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, ";\n        gap: 4px").concat(important, ";\n        padding: 4px 0").concat(important, "; \n        width: 100%").concat(important, ";\n        max-width: 100%").concat(important, "; \n        align-items: stretch").concat(important, ";\n      }\n      .message-bubble { \n        position: relative").concat(important, ";\n        padding: 8px 62px 8px 11px").concat(important, ";\n        padding-right: 62px").concat(important, ";\n        border-radius: 12px").concat(important, ";\n        max-width: min(72%, 420px)").concat(important, ";\n        font-size: ").concat(messageFontSize).concat(important, ";\n        line-height: 1.36").concat(important, ";\n        word-wrap: break-word").concat(important, "; \n        box-shadow: ").concat(useVoiceTheme ? 'inset 0 1px 0 rgba(255,255,255,0.36), inset 0 -1px 0 rgba(5, 3, 26, 0.18), 0 8px 20px rgba(4, 3, 22, 0.24)' : 'none').concat(important, ";\n      }\n      .message-bubble[dir=\"rtl\"] { text-align: right").concat(important, "; direction: rtl").concat(important, "; }\n      .message-bubble[dir=\"ltr\"] { text-align: left").concat(important, "; direction: ltr").concat(important, "; }\n      .message-bubble::before {\n        content: ''").concat(important, ";\n        position: absolute").concat(important, ";\n        top: 1px").concat(important, ";\n        right: 1px").concat(important, ";\n        left: 1px").concat(important, ";\n        height: 48%").concat(important, ";\n        border-radius: 11px 11px 8px 8px").concat(important, ";\n        background: linear-gradient(180deg, rgba(255,255,255,0.19), rgba(255,255,255,0))").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      .message.user .message-bubble { \n        background: ").concat(userBubbleBg).concat(important, "; \n        color: ").concat(userBubbleTextColor).concat(important, "; \n        border-top-right-radius: 4px").concat(important, ";\n      }\n      .message.agent .message-bubble {\n        background: ").concat(agentBubbleBg).concat(important, ";\n        color: ").concat(agentBubbleTextColor).concat(important, ";\n        border: ").concat(agentBubbleBorder).concat(important, ";\n        border-top-left-radius: 4px").concat(important, ";\n      }\n\n      /* ---------------------------------------------------------------\n         Rendered markdown inside the agent bubble.\n         Everything is scoped to .message-bubble so host-page styles can't\n         reach in and the user bubble (plain text) is untouched.\n         Logical properties (padding-inline-start, border-inline-start) keep\n         the layout correct in RTL locales such as Hebrew.\n      ---------------------------------------------------------------- */\n      .message-bubble.md, .message-bubble .md-seg { line-height: 1.55").concat(important, "; }\n      .message-bubble .md-seg { display: block").concat(important, "; }\n\n      .message-bubble p {\n        margin: 0 0 10px").concat(important, ";\n        padding: 0").concat(important, ";\n      }\n      /* Deliberately gated on .md / .md-seg rather than a bare\n         \".message-bubble > *\": the VOICE live-transcript row reuses the\n         .message-bubble class in this same shadow root, and its children\n         (.live-badge, .ttp-cursor) are not ours to restyle. */\n      .message-bubble.md > *:last-child,\n      .message-bubble .md-seg:last-child > *:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble.md > *:first-child,\n      .message-bubble .md-seg:first-child > *:first-child { margin-top: 0").concat(important, "; }\n\n      .message-bubble .md-h {\n        margin: 16px 0 7px").concat(important, ";\n        padding: 0").concat(important, ";\n        font-weight: 700").concat(important, ";\n        line-height: 1.3").concat(important, ";\n        color: inherit").concat(important, ";\n      }\n      .message-bubble .md-h1 { font-size: 1.18em").concat(important, "; }\n      .message-bubble .md-h2 { font-size: 1.09em").concat(important, "; }\n      .message-bubble .md-h3 { font-size: 1.02em").concat(important, "; }\n      .message-bubble .md-h4,\n      .message-bubble .md-h5,\n      .message-bubble .md-h6 {\n        font-size: 0.95em").concat(important, ";\n        letter-spacing: 0.02em").concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n\n      /* Logical properties only \u2014 a physical padding-left/border-left after\n         these would resolve to the same property and silently win in LTR. */\n      .message-bubble ul, .message-bubble ol {\n        margin: 8px 0 11px").concat(important, ";\n        padding-inline-start: 1.45em").concat(important, ";\n        list-style-position: outside").concat(important, ";\n      }\n      .message-bubble ul { list-style-type: disc").concat(important, "; }\n      .message-bubble ol { list-style-type: decimal").concat(important, "; }\n      .message-bubble ul ul { list-style-type: circle").concat(important, "; }\n      .message-bubble li {\n        margin: 0 0 5px").concat(important, ";\n        padding: 0").concat(important, ";\n        line-height: 1.5").concat(important, ";\n      }\n      .message-bubble li:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble li::marker { color: ").concat(mdAccent).concat(important, "; }\n      .message-bubble li > ul, .message-bubble li > ol { margin: 5px 0 2px").concat(important, "; }\n      .message-bubble li > p { margin: 0 0 5px").concat(important, "; }\n\n      .message-bubble strong, .message-bubble b { font-weight: 700").concat(important, "; }\n      .message-bubble em, .message-bubble i { font-style: italic").concat(important, "; }\n      .message-bubble del { text-decoration: line-through").concat(important, "; opacity: 0.7").concat(important, "; }\n\n      .message-bubble a {\n        color: ").concat(mdLink).concat(important, ";\n        text-decoration: underline").concat(important, ";\n        text-underline-offset: 2px").concat(important, ";\n        word-break: break-word").concat(important, ";\n      }\n      .message-bubble a:hover { opacity: 0.82").concat(important, "; }\n\n      .message-bubble code {\n        font-family: ").concat(mdMono).concat(important, ";\n        font-size: 0.88em").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 5px").concat(important, ";\n        padding: 1px 5px").concat(important, ";\n        white-space: break-spaces").concat(important, ";\n        word-break: break-word").concat(important, ";\n        direction: ltr").concat(important, ";\n        unicode-bidi: embed").concat(important, ";\n      }\n      .message-bubble pre {\n        margin: 10px 0 11px").concat(important, ";\n        padding: 10px 12px").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 10px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        direction: ltr").concat(important, ";\n        text-align: left").concat(important, ";\n      }\n      .message-bubble pre code {\n        background: none").concat(important, ";\n        border: none").concat(important, ";\n        border-radius: 0").concat(important, ";\n        padding: 0").concat(important, ";\n        font-size: 0.85em").concat(important, ";\n        line-height: 1.5").concat(important, ";\n        white-space: pre").concat(important, ";\n        word-break: normal").concat(important, ";\n      }\n\n      .message-bubble blockquote {\n        margin: 10px 0").concat(important, ";\n        padding-block: 2px").concat(important, ";\n        padding-inline-start: 12px").concat(important, ";\n        padding-inline-end: 0").concat(important, ";\n        border-inline-start: 3px solid ").concat(mdAccent).concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n      .message-bubble blockquote > *:last-child { margin-bottom: 0").concat(important, "; }\n\n      .message-bubble hr {\n        border: none").concat(important, ";\n        border-top: 1px solid ").concat(mdRule).concat(important, ";\n        height: 0").concat(important, ";\n        margin: 13px 0").concat(important, ";\n      }\n\n      .message-bubble .md-table-wrap {\n        margin: 10px 0 11px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 9px").concat(important, ";\n      }\n      .message-bubble table {\n        border-collapse: collapse").concat(important, ";\n        width: 100%").concat(important, ";\n        font-size: 0.93em").concat(important, ";\n      }\n      .message-bubble th, .message-bubble td {\n        padding: 7px 11px").concat(important, ";\n        text-align: start").concat(important, ";\n        border-bottom: 1px solid ").concat(mdBorder).concat(important, ";\n        vertical-align: top").concat(important, ";\n      }\n      .message-bubble thead th {\n        background: ").concat(mdSubtleBg).concat(important, ";\n        font-weight: 700").concat(important, ";\n      }\n      .message-bubble tbody tr:nth-child(even) { background: ").concat(mdSubtlerBg).concat(important, "; }\n      .message-bubble tbody tr:last-child td { border-bottom: none").concat(important, "; }\n\n      .message-bubble .md-img {\n        display: block").concat(important, ";\n        max-width: 100%").concat(important, ";\n        height: auto").concat(important, ";\n        border-radius: 8px").concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n\n      .message.user { \n        align-self: stretch").concat(important, ";\n        align-items: stretch").concat(important, ";\n      }\n      .message.agent {\n        align-self: stretch").concat(important, ";\n        align-items: stretch").concat(important, ";\n      }\n      .message.user .message-bubble {\n        margin-left: auto").concat(important, ";\n        margin-right: 0").concat(important, ";\n      }\n      .message.agent .message-bubble {\n        margin-left: 0").concat(important, ";\n        margin-right: auto").concat(important, ";\n      }\n      .message-meta {\n        position: absolute").concat(important, ";\n        right: 11px").concat(important, ";\n        bottom: 8px").concat(important, ";\n        z-index: 2").concat(important, ";\n        display: inline-flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 5px").concat(important, ";\n        margin: 0").concat(important, ";\n        color: rgba(255,255,255,0.55)").concat(important, ";\n        font-size: 9px").concat(important, ";\n        line-height: 1").concat(important, ";\n        direction: ltr").concat(important, ";\n        white-space: nowrap").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      .message.user .message-meta {\n        color: rgba(255,255,255,0.74)").concat(important, ";\n      }\n      .message-content { position: relative").concat(important, "; z-index: 1").concat(important, "; display: inline").concat(important, "; overflow-wrap: anywhere").concat(important, "; word-break: break-word").concat(important, "; direction: inherit").concat(important, "; }\n      .message-meta-spacer { display: inline-block").concat(important, "; width: 0").concat(important, "; height: 1px").concat(important, "; }\n      .message-delivery-checks { color: rgba(255,255,255,0.92)").concat(important, "; font-weight: 700").concat(important, "; letter-spacing: -2px").concat(important, "; }\n      .message-expand-button {\n        position: relative").concat(important, ";\n        z-index: 3").concat(important, ";\n        margin: 0 4px").concat(important, ";\n        padding: 0").concat(important, ";\n        border: 0").concat(important, ";\n        background: transparent").concat(important, ";\n        color: #c4b5fd").concat(important, ";\n        font: inherit").concat(important, ";\n        font-size: 0.78em").concat(important, ";\n        font-weight: 600").concat(important, ";\n        line-height: inherit").concat(important, ";\n        text-decoration: underline").concat(important, ";\n        text-underline-offset: 2px").concat(important, ";\n        cursor: pointer").concat(important, ";\n      }\n      .message-expand-button:hover { color: #ede9fe").concat(important, "; }\n      .message-avatar { \n        width: ").concat(avatarSize).concat(important, "; \n        height: ").concat(avatarSize).concat(important, "; \n        min-width: ").concat(avatarSize).concat(important, "; \n        border-radius: 50%").concat(important, "; \n        display: flex").concat(important, "; \n        align-items: center").concat(important, "; \n        justify-content: center").concat(important, "; \n        flex-shrink: 0").concat(important, "; \n        color: inherit").concat(important, "; \n        font-size: ").concat(useVoiceTheme ? '14' : '20', "px").concat(important, "; \n        line-height: 1").concat(important, "; \n        background: transparent").concat(important, "; \n        border: none").concat(important, "; \n        box-sizing: border-box").concat(important, "; \n      }\n      .message-avatar.user { background: ").concat(avatarUserBg).concat(important, "; color: ").concat(avatarUserColor).concat(important, "; }\n      .message-avatar.agent { background: ").concat(avatarAgentBg).concat(important, "; }\n      \n      .message.system {\n        background: ").concat(messages.systemBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      .message.error {\n        background: ").concat(messages.errorBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      \n      .input-container {\n        display: flex").concat(important, ";\n        gap: 8px").concat(important, ";\n        padding: 12px 16px").concat(important, ";\n        background: ").concat(inputContainerBg).concat(important, ";\n        border-top: 1px solid ").concat(inputContainerBorderTop).concat(important, ";\n        align-items: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        flex-direction: row").concat(important, ";\n        direction: ltr").concat(important, ";\n      }\n      .text-interface-footer {\n        position: relative").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        min-height: 28px").concat(important, ";\n        padding: 4px 12px").concat(important, ";\n        background: ").concat(topBarBg).concat(important, ";\n        border-top: 1px solid ").concat(inputContainerBorderTop).concat(important, ";\n        display: flex").concat(important, ";\n        justify-content: center").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 8px").concat(important, ";\n        direction: ltr").concat(important, ";\n      }\n      .text-interface-footer .ttp-info-btn {\n        position: absolute").concat(important, ";\n        right: 12px").concat(important, ";\n        margin-left: auto").concat(important, ";\n      }\n      .text-interface-powered {\n        color: rgba(255,255,255,0.46)").concat(important, ";\n        font-size: 10px").concat(important, ";\n        line-height: 1.2").concat(important, ";\n        text-align: center").concat(important, ";\n        white-space: nowrap").concat(important, ";\n      }\n      .text-interface-powered a {\n        color: ").concat(sendButtonColor).concat(important, ";\n        text-decoration: none").concat(important, ";\n      }\n      .text-interface.active ~ .ttp-footer {\n        display: none").concat(important, ";\n      }\n      \n      .input-wrapper {\n        position: relative").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .message-input {\n        width: 100%").concat(important, ";\n        min-height: ").concat(TEXT_INPUT_MIN_HEIGHT_PX, "px").concat(important, ";\n        max-height: ").concat(TEXT_INPUT_MAX_HEIGHT_PX, "px").concat(important, ";\n        padding: ").concat(inputPadding, ";\n        border: 1px solid ").concat(inputBorderColor, ";\n        border-radius: ").concat(inputBorderRadius, "px;\n        font-size: ").concat(inputFontSize, ";\n        font-family: inherit").concat(important, ";\n        line-height: 1.4").concat(important, ";\n        resize: none").concat(important, ";\n        overflow-y: auto").concat(important, ";\n        background: ").concat(inputBackgroundColor, ";\n        color: ").concat(inputTextColor, ";\n        vertical-align: top").concat(important, ";\n        margin: 0").concat(important, ";\n        display: block").concat(important, ";\n        white-space: pre-wrap").concat(important, ";\n        word-wrap: break-word").concat(important, ";\n        text-align: start").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n        unicode-bidi: plaintext").concat(important, ";\n        -webkit-appearance: none").concat(important, ";\n        appearance: none").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n      }\n      \n      .message-input:focus {\n        outline: none").concat(important, ";\n        border-color: ").concat(inputFocusColor, ";\n        background: ").concat(inputFocusBg).concat(important, ";\n        box-shadow: ").concat(inputFocusBoxShadow, ";\n      }\n      \n      .message-input::placeholder {\n        color: ").concat(placeholderColor).concat(important, ";\n        text-align: start").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n      }\n      \n      .send-button {\n        width: 38px").concat(important, ";\n        height: 38px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        border: none").concat(important, ";\n        background: linear-gradient(135deg, ").concat(sendButtonColor, ", ").concat(sendButtonHoverColor, ")").concat(important, ";\n        color: ").concat(sendButtonTextColor, ";\n        font-size: ").concat(this.config.sendButtonFontSize || ((_this$config$panel15 = this.config.panel) === null || _this$config$panel15 === void 0 ? void 0 : _this$config$panel15.sendButtonFontSize) || '16px', ";\n        font-weight: ").concat(this.config.sendButtonFontWeight || ((_this$config$panel16 = this.config.panel) === null || _this$config$panel16 === void 0 ? void 0 : _this$config$panel16.sendButtonFontWeight) || '500', ";\n        cursor: pointer").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        transition: all 0.2s ease").concat(important, ";\n        box-shadow: 0 4px 12px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.32)").concat(important, ";\n      }\n      .send-icon {\n        width: 18px").concat(important, ";\n        height: 18px").concat(important, ";\n        fill: none").concat(important, ";\n        stroke: currentColor").concat(important, ";\n        stroke-width: 2.1").concat(important, ";\n        stroke-linecap: round").concat(important, ";\n        stroke-linejoin: round").concat(important, ";\n      }\n      \n      .send-button:hover:not(:disabled) {\n        background: ").concat(sendButtonHoverColor, ";\n        transform: scale(1.05)").concat(important, ";\n        box-shadow: 0 6px 16px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.42)").concat(important, ";\n      }\n      \n      .send-button-hint {\n        width: 100%").concat(important, ";\n        text-align: center").concat(important, ";\n        margin-top: 4px").concat(important, ";\n      }\n      \n      .send-button:disabled {\n        opacity: 0.5").concat(important, ";\n        cursor: not-allowed").concat(important, ";\n      }\n      \n      .typing-indicator {\n        display: inline-flex").concat(important, ";\n        gap: 4px").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .typing-dot {\n        width: 6px").concat(important, ";\n        height: 6px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", ").concat(typingDotAlpha, ")").concat(important, ";\n        animation: typingDot 1.4s ease-in-out infinite").concat(important, ";\n      }\n      \n      .typing-dot:nth-child(2) { animation-delay: 0.2s").concat(important, "; }\n      .typing-dot:nth-child(3) { animation-delay: 0.4s").concat(important, "; }\n      \n      @keyframes typingDot {\n        0%, 60%, 100% { transform: translateY(0); opacity: 0.7; }\n        30% { transform: translateY(-8px); opacity: 1; }\n      }\n      \n      .error-message {\n        padding: 12px").concat(important, ";\n        background: ").concat(errorBubbleBg, ";\n        border-radius: ").concat(messages.borderRadius, "px;\n        color: ").concat(errorBubbleColor).concat(important, ";\n        border: ").concat(errorBubbleBorder).concat(important, ";\n        font-size: ").concat(messages.fontSize).concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n      \n      ").concat(useVoiceTheme ? "\n      #textInterface.active .input-container .send-button-hint {\n        color: rgba(255,255,255,0.72)".concat(important, ";\n      }\n      ") : '', "\n      \n      @media (max-width: 768px) {\n        #messagesContainer {\n          padding: 12px").concat(important, ";\n          gap: 12px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 85%").concat(important, ";\n          font-size: ").concat(messages.fontSize).concat(important, ";\n          padding: 12px 62px 12px 14px").concat(important, ";\n          padding-right: 62px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 10px").concat(important, ";\n          gap: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important; /* Prevents iOS zoom on focus */\n          padding: 10px 14px").concat(important, ";\n          min-height: 44px").concat(important, ";\n        }\n        \n        #text-chat-send {\n          min-width: 56px").concat(important, ";\n          min-height: 44px").concat(important, ";\n          width: 56px").concat(important, ";\n          height: 44px").concat(important, ";\n        }\n        \n        .empty-state-icon {\n          font-size: 44px").concat(important, ";\n        }\n        \n        .empty-state-title {\n          font-size: 20px").concat(important, ";\n        }\n        \n        .empty-state-text {\n          font-size: 14px").concat(important, ";\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #messagesContainer {\n          padding: 10px").concat(important, ";\n          gap: 10px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 90%").concat(important, ";\n          font-size: ").concat(messages.fontSize).concat(important, ";\n          padding: 10px 62px 10px 12px").concat(important, ";\n          padding-right: 62px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important;\n          padding: 8px 12px").concat(important, ";\n        }\n      }\n    ");
+      return "\n      .text-interface-top-bar {\n        flex-shrink: 0".concat(important, ";\n        padding: 12px 14px").concat(important, ";\n        border-bottom: 1px solid ").concat(topBarBorder).concat(important, ";\n        background: ").concat(topBarBg).concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: flex-start").concat(important, ";\n        gap: 10px").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n      }\n      .text-interface-agent-heading {\n        display: flex").concat(important, ";\n        flex-direction: row").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 9px").concat(important, ";\n        min-width: 0").concat(important, ";\n        flex: 1").concat(important, ";\n        margin-right: 0").concat(important, ";\n      }\n      .text-interface-agent-avatar {\n        width: 36px").concat(important, ";\n        height: 36px").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex: 0 0 36px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: ").concat(useVoiceTheme ? avatarAgentBg : "linear-gradient(135deg, ".concat(sendButtonColor, ", ").concat(sendButtonHoverColor, ")")).concat(important, ";\n        border: none").concat(important, ";\n        box-shadow: none").concat(important, ";\n      }\n      .text-interface-agent-initial { color: #fff").concat(important, "; font-size: 14px").concat(important, "; font-weight: 500").concat(important, "; line-height: 1").concat(important, "; }\n      .text-interface-agent-copy {\n        display: flex").concat(important, ";\n        flex-direction: column").concat(important, ";\n        align-items: flex-start").concat(important, ";\n        gap: 2px").concat(important, ";\n        min-width: 0").concat(important, ";\n      }\n      .text-interface-agent-name {\n        color: #f0eff8").concat(important, ";\n        font-size: 14px").concat(important, ";\n        font-weight: 500").concat(important, ";\n        line-height: 1.15").concat(important, ";\n        overflow: hidden").concat(important, ";\n        text-overflow: ellipsis").concat(important, ";\n        white-space: nowrap").concat(important, ";\n      }\n      .text-interface-agent-status {\n        display: inline-flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 6px").concat(important, ";\n        color: rgba(255,255,255,0.7)").concat(important, ";\n        font-size: 10px").concat(important, ";\n      }\n      .text-interface-agent-status > span {\n        width: 7px").concat(important, ";\n        height: 7px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: #4ade80").concat(important, ";\n        box-shadow: 0 0 10px rgba(74,222,128,0.75)").concat(important, ";\n      }\n      .text-interface-top-actions { display: flex").concat(important, "; align-items: center").concat(important, "; gap: 4px").concat(important, "; margin-inline-start: auto").concat(important, "; }\n      .text-interface-close-btn:hover,\n      .text-interface-home-btn:hover,\n      .text-interface-footer .ttp-info-btn:hover {\n        background: rgba(255,255,255,0.22)").concat(important, ";\n        color: #ffffff").concat(important, ";\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 4px 14px rgba(0,0,0,0.22)").concat(important, ";\n      }\n      .text-interface-close-btn,\n      .text-interface-home-btn,\n      .text-interface-footer .ttp-info-btn {\n        width: 32px").concat(important, ";\n        height: 32px").concat(important, ";\n        display: grid").concat(important, ";\n        place-items: center").concat(important, ";\n        padding: 0").concat(important, ";\n        margin: 0").concat(important, ";\n        border: 1px solid rgba(255,255,255,0.14)").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: rgba(255,255,255,0.12)").concat(important, ";\n        color: rgba(224,218,255,0.84)").concat(important, ";\n        cursor: pointer").concat(important, ";\n        font-family: inherit").concat(important, ";\n        transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease").concat(important, ";\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.14)").concat(important, ";\n      }\n      .text-interface-home-btn svg,\n      .text-interface-close-btn svg,\n      .text-interface-footer .ttp-info-btn svg { width: 18px").concat(important, "; height: 18px").concat(important, "; fill: none").concat(important, "; stroke: currentColor").concat(important, "; stroke-width: 1.9").concat(important, "; stroke-linecap: round").concat(important, "; stroke-linejoin: round").concat(important, "; }\n      .text-interface-home-btn svg { fill: none").concat(important, "; stroke: currentColor").concat(important, "; width: 20px").concat(important, "; height: 20px").concat(important, "; stroke-width: 1.8").concat(important, "; }\n      .input-container .text-interface-home-btn {\n        width: 38px").concat(important, ";\n        height: 38px").concat(important, ";\n        color: rgba(224,218,255,0.84)").concat(important, ";\n        background: rgba(255,255,255,0.12)").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n      }\n      /* Messages container using new classes */\n      #messagesContainer { \n        flex: 1").concat(important, "; \n        overflow-y: auto").concat(important, "; \n        overflow-x: hidden").concat(important, "; \n        padding: 20px").concat(important, "; \n        background: ").concat(messagesAreaBg).concat(important, "; \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, "; \n        gap: 16px").concat(important, "; \n        min-height: 0").concat(important, "; \n      }\n      .empty-state { \n        flex: 1").concat(important, "; \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, "; \n        align-items: center").concat(important, "; \n        justify-content: center").concat(important, "; \n        gap: 12px").concat(important, "; \n        color: ").concat(emptyMuted).concat(important, "; \n        text-align: center").concat(important, "; \n        padding: 20px").concat(important, "; \n      }\n      .empty-state-icon { font-size: 52px").concat(important, "; opacity: 0.3").concat(important, "; }\n      .empty-state-title { font-size: 22px").concat(important, "; font-weight: 700").concat(important, "; color: ").concat(emptyTitle).concat(important, "; }\n      .empty-state-text { font-size: 15px").concat(important, "; max-width: 300px").concat(important, "; line-height: 1.45").concat(important, "; }\n      .empty-state-icon {\n        width: 48px").concat(important, "; height: 48px").concat(important, "; border-radius: 16px").concat(important, ";\n        display: grid").concat(important, "; place-items: center").concat(important, "; color: rgba(230,225,255,0.9)").concat(important, ";\n        background: rgba(255,255,255,0.1)").concat(important, ";\n        border: 1px solid rgba(225,219,255,0.18)").concat(important, ";\n      }\n      .empty-state-icon svg { width: 24px").concat(important, "; height: 24px").concat(important, "; }\n\n      .text-interface { \n        display: none").concat(important, "; \n        flex: 1").concat(important, "; \n        flex-direction: column").concat(important, "; \n        min-height: 0").concat(important, "; \n        overflow: hidden").concat(important, "; \n        direction: ").concat(textDirection).concat(important, ";\n      }\n      .text-interface.active { display: flex").concat(important, "; }\n      \n      .message { \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, ";\n        gap: 4px").concat(important, ";\n        padding: 4px 0").concat(important, "; \n        width: 100%").concat(important, ";\n        max-width: 100%").concat(important, "; \n        align-items: stretch").concat(important, ";\n      }\n      .message-bubble { \n        position: relative").concat(important, ";\n        padding: 10px ").concat(MESSAGE_META_GUTTER_PX, "px 10px 14px").concat(important, ";\n        border-radius: 14px").concat(important, ";\n        max-width: min(72%, 440px)").concat(important, ";\n        font-size: ").concat(messageFontSize).concat(important, ";\n        line-height: 1.45").concat(important, ";\n        word-wrap: break-word").concat(important, "; \n        box-shadow: ").concat(useVoiceTheme ? 'inset 0 1px 0 rgba(255,255,255,0.36), inset 0 -1px 0 rgba(5, 3, 26, 0.18), 0 8px 20px rgba(4, 3, 22, 0.24)' : 'none').concat(important, ";\n      }\n      .message-bubble[dir=\"rtl\"] { text-align: right").concat(important, "; direction: rtl").concat(important, "; }\n      .message-bubble[dir=\"ltr\"] { text-align: left").concat(important, "; direction: ltr").concat(important, "; }\n      .message-bubble::before {\n        content: ''").concat(important, ";\n        position: absolute").concat(important, ";\n        top: 1px").concat(important, ";\n        right: 1px").concat(important, ";\n        left: 1px").concat(important, ";\n        height: 48%").concat(important, ";\n        border-radius: 11px 11px 8px 8px").concat(important, ";\n        background: linear-gradient(180deg, rgba(255,255,255,0.19), rgba(255,255,255,0))").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      .message.user .message-bubble { \n        background: ").concat(userBubbleBg).concat(important, "; \n        color: ").concat(userBubbleTextColor).concat(important, "; \n        border-top-right-radius: 4px").concat(important, ";\n      }\n      .message.agent .message-bubble {\n        background: ").concat(agentBubbleBg).concat(important, ";\n        color: ").concat(agentBubbleTextColor).concat(important, ";\n        border: ").concat(agentBubbleBorder).concat(important, ";\n        border-top-left-radius: 4px").concat(important, ";\n      }\n\n      /* ---------------------------------------------------------------\n         Rendered markdown inside the agent bubble.\n         Everything is scoped to .message-bubble so host-page styles can't\n         reach in and the user bubble (plain text) is untouched.\n         Logical properties (padding-inline-start, border-inline-start) keep\n         the layout correct in RTL locales such as Hebrew.\n      ---------------------------------------------------------------- */\n      .message-bubble.md, .message-bubble .md-seg { line-height: 1.55").concat(important, "; }\n      .message-bubble .md-seg { display: block").concat(important, "; }\n\n      .message-bubble p {\n        margin: 0 0 10px").concat(important, ";\n        padding: 0").concat(important, ";\n      }\n      /* Deliberately gated on .md / .md-seg rather than a bare\n         \".message-bubble > *\": the VOICE live-transcript row reuses the\n         .message-bubble class in this same shadow root, and its children\n         (.live-badge, .ttp-cursor) are not ours to restyle. */\n      .message-bubble.md > *:last-child,\n      .message-bubble .md-seg:last-child > *:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble.md > *:first-child,\n      .message-bubble .md-seg:first-child > *:first-child { margin-top: 0").concat(important, "; }\n\n      .message-bubble .md-h {\n        margin: 16px 0 7px").concat(important, ";\n        padding: 0").concat(important, ";\n        font-weight: 700").concat(important, ";\n        line-height: 1.3").concat(important, ";\n        color: inherit").concat(important, ";\n      }\n      .message-bubble .md-h1 { font-size: 1.18em").concat(important, "; }\n      .message-bubble .md-h2 { font-size: 1.09em").concat(important, "; }\n      .message-bubble .md-h3 { font-size: 1.02em").concat(important, "; }\n      .message-bubble .md-h4,\n      .message-bubble .md-h5,\n      .message-bubble .md-h6 {\n        font-size: 0.95em").concat(important, ";\n        letter-spacing: 0.02em").concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n\n      /* Logical properties only \u2014 a physical padding-left/border-left after\n         these would resolve to the same property and silently win in LTR. */\n      .message-bubble ul, .message-bubble ol {\n        margin: 8px 0 11px").concat(important, ";\n        padding-inline-start: 1.45em").concat(important, ";\n        list-style-position: outside").concat(important, ";\n      }\n      .message-bubble ul { list-style-type: disc").concat(important, "; }\n      .message-bubble ol { list-style-type: decimal").concat(important, "; }\n      .message-bubble ul ul { list-style-type: circle").concat(important, "; }\n      .message-bubble li {\n        margin: 0 0 5px").concat(important, ";\n        padding: 0").concat(important, ";\n        line-height: 1.5").concat(important, ";\n      }\n      .message-bubble li:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble li::marker { color: ").concat(mdAccent).concat(important, "; }\n      .message-bubble li > ul, .message-bubble li > ol { margin: 5px 0 2px").concat(important, "; }\n      .message-bubble li > p { margin: 0 0 5px").concat(important, "; }\n\n      .message-bubble strong, .message-bubble b { font-weight: 700").concat(important, "; }\n      .message-bubble em, .message-bubble i { font-style: italic").concat(important, "; }\n      .message-bubble del { text-decoration: line-through").concat(important, "; opacity: 0.7").concat(important, "; }\n\n      .message-bubble a {\n        color: ").concat(mdLink).concat(important, ";\n        text-decoration: underline").concat(important, ";\n        text-underline-offset: 2px").concat(important, ";\n        word-break: break-word").concat(important, ";\n      }\n      .message-bubble a:hover { opacity: 0.82").concat(important, "; }\n\n      .message-bubble code {\n        font-family: ").concat(mdMono).concat(important, ";\n        font-size: 0.88em").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 5px").concat(important, ";\n        padding: 1px 5px").concat(important, ";\n        white-space: break-spaces").concat(important, ";\n        word-break: break-word").concat(important, ";\n        direction: ltr").concat(important, ";\n        unicode-bidi: embed").concat(important, ";\n      }\n      .message-bubble pre {\n        margin: 10px 0 11px").concat(important, ";\n        padding: 10px 12px").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 10px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        direction: ltr").concat(important, ";\n        text-align: left").concat(important, ";\n      }\n      .message-bubble pre code {\n        background: none").concat(important, ";\n        border: none").concat(important, ";\n        border-radius: 0").concat(important, ";\n        padding: 0").concat(important, ";\n        font-size: 0.85em").concat(important, ";\n        line-height: 1.5").concat(important, ";\n        white-space: pre").concat(important, ";\n        word-break: normal").concat(important, ";\n      }\n\n      .message-bubble blockquote {\n        margin: 10px 0").concat(important, ";\n        padding-block: 2px").concat(important, ";\n        padding-inline-start: 12px").concat(important, ";\n        padding-inline-end: 0").concat(important, ";\n        border-inline-start: 3px solid ").concat(mdAccent).concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n      .message-bubble blockquote > *:last-child { margin-bottom: 0").concat(important, "; }\n\n      .message-bubble hr {\n        border: none").concat(important, ";\n        border-top: 1px solid ").concat(mdRule).concat(important, ";\n        height: 0").concat(important, ";\n        margin: 13px 0").concat(important, ";\n      }\n\n      .message-bubble .md-table-wrap {\n        margin: 10px 0 11px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 9px").concat(important, ";\n      }\n      .message-bubble table {\n        border-collapse: collapse").concat(important, ";\n        width: 100%").concat(important, ";\n        font-size: 0.93em").concat(important, ";\n      }\n      .message-bubble th, .message-bubble td {\n        padding: 7px 11px").concat(important, ";\n        text-align: start").concat(important, ";\n        border-bottom: 1px solid ").concat(mdBorder).concat(important, ";\n        vertical-align: top").concat(important, ";\n      }\n      .message-bubble thead th {\n        background: ").concat(mdSubtleBg).concat(important, ";\n        font-weight: 700").concat(important, ";\n      }\n      .message-bubble tbody tr:nth-child(even) { background: ").concat(mdSubtlerBg).concat(important, "; }\n      .message-bubble tbody tr:last-child td { border-bottom: none").concat(important, "; }\n\n      .message-bubble .md-img {\n        display: block").concat(important, ";\n        max-width: 100%").concat(important, ";\n        height: auto").concat(important, ";\n        border-radius: 8px").concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n\n      .message.user { \n        align-self: stretch").concat(important, ";\n        align-items: stretch").concat(important, ";\n      }\n      .message.agent {\n        align-self: stretch").concat(important, ";\n        align-items: stretch").concat(important, ";\n      }\n      .message.user .message-bubble {\n        margin-left: auto").concat(important, ";\n        margin-right: 0").concat(important, ";\n      }\n      .message.agent .message-bubble {\n        margin-left: 0").concat(important, ";\n        margin-right: auto").concat(important, ";\n      }\n      .message-meta {\n        position: absolute").concat(important, ";\n        right: ").concat(MESSAGE_META_INSET_PX, "px").concat(important, ";\n        bottom: 9px").concat(important, ";\n        z-index: 2").concat(important, ";\n        display: inline-flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 5px").concat(important, ";\n        margin: 0").concat(important, ";\n        color: rgba(255,255,255,0.55)").concat(important, ";\n        font-size: 10px").concat(important, ";\n        line-height: 1").concat(important, ";\n        direction: ltr").concat(important, ";\n        white-space: nowrap").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      .message.user .message-meta {\n        color: rgba(255,255,255,0.74)").concat(important, ";\n      }\n      .message-content { position: relative").concat(important, "; z-index: 1").concat(important, "; display: inline").concat(important, "; overflow-wrap: anywhere").concat(important, "; word-break: break-word").concat(important, "; direction: inherit").concat(important, "; }\n      .message-meta-spacer { display: inline-block").concat(important, "; width: 0").concat(important, "; height: 1px").concat(important, "; }\n      .message-delivery-checks { color: rgba(255,255,255,0.92)").concat(important, "; font-weight: 700").concat(important, "; letter-spacing: -2px").concat(important, "; }\n      .message-expand-button {\n        position: relative").concat(important, ";\n        z-index: 3").concat(important, ";\n        margin: 0 4px").concat(important, ";\n        padding: 0").concat(important, ";\n        border: 0").concat(important, ";\n        background: transparent").concat(important, ";\n        color: #c4b5fd").concat(important, ";\n        font: inherit").concat(important, ";\n        font-size: 0.78em").concat(important, ";\n        font-weight: 600").concat(important, ";\n        line-height: inherit").concat(important, ";\n        text-decoration: underline").concat(important, ";\n        text-underline-offset: 2px").concat(important, ";\n        cursor: pointer").concat(important, ";\n      }\n      .message-expand-button:hover { color: #ede9fe").concat(important, "; }\n      .message-avatar { \n        width: ").concat(avatarSize).concat(important, "; \n        height: ").concat(avatarSize).concat(important, "; \n        min-width: ").concat(avatarSize).concat(important, "; \n        border-radius: 50%").concat(important, "; \n        display: flex").concat(important, "; \n        align-items: center").concat(important, "; \n        justify-content: center").concat(important, "; \n        flex-shrink: 0").concat(important, "; \n        color: inherit").concat(important, "; \n        font-size: ").concat(useVoiceTheme ? '14' : '20', "px").concat(important, "; \n        line-height: 1").concat(important, "; \n        background: transparent").concat(important, "; \n        border: none").concat(important, "; \n        box-sizing: border-box").concat(important, "; \n      }\n      .message-avatar.user { background: ").concat(avatarUserBg).concat(important, "; color: ").concat(avatarUserColor).concat(important, "; }\n      .message-avatar.agent { background: ").concat(avatarAgentBg).concat(important, "; }\n      \n      .message.system {\n        background: ").concat(messages.systemBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      .message.error {\n        background: ").concat(messages.errorBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      \n      .input-container {\n        display: flex").concat(important, ";\n        gap: 8px").concat(important, ";\n        padding: 12px 16px").concat(important, ";\n        background: ").concat(inputContainerBg).concat(important, ";\n        border-top: 1px solid ").concat(inputContainerBorderTop).concat(important, ";\n        align-items: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        flex-direction: row").concat(important, ";\n        direction: ltr").concat(important, ";\n      }\n      .text-interface-footer {\n        position: relative").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        min-height: 28px").concat(important, ";\n        padding: 4px 12px").concat(important, ";\n        background: ").concat(topBarBg).concat(important, ";\n        border-top: 1px solid ").concat(inputContainerBorderTop).concat(important, ";\n        display: flex").concat(important, ";\n        justify-content: center").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 8px").concat(important, ";\n        direction: ltr").concat(important, ";\n      }\n      .text-interface-footer .ttp-info-btn {\n        position: absolute").concat(important, ";\n        right: 12px").concat(important, ";\n        margin-left: auto").concat(important, ";\n      }\n      .text-interface-powered {\n        color: rgba(255,255,255,0.46)").concat(important, ";\n        font-size: 10px").concat(important, ";\n        line-height: 1.2").concat(important, ";\n        text-align: center").concat(important, ";\n        white-space: nowrap").concat(important, ";\n      }\n      .text-interface-powered a {\n        color: ").concat(sendButtonColor).concat(important, ";\n        text-decoration: none").concat(important, ";\n      }\n      .text-interface.active ~ .ttp-footer {\n        display: none").concat(important, ";\n      }\n      \n      .input-wrapper {\n        position: relative").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .message-input {\n        width: 100%").concat(important, ";\n        min-height: ").concat(TEXT_INPUT_MIN_HEIGHT_PX, "px").concat(important, ";\n        max-height: ").concat(TEXT_INPUT_MAX_HEIGHT_PX, "px").concat(important, ";\n        padding: ").concat(inputPadding, ";\n        border: 1px solid ").concat(inputBorderColor, ";\n        border-radius: ").concat(inputBorderRadius, "px;\n        font-size: ").concat(inputFontSize, ";\n        font-family: inherit").concat(important, ";\n        line-height: 1.4").concat(important, ";\n        resize: none").concat(important, ";\n        overflow-y: auto").concat(important, ";\n        background: ").concat(inputBackgroundColor, ";\n        color: ").concat(inputTextColor, ";\n        vertical-align: top").concat(important, ";\n        margin: 0").concat(important, ";\n        display: block").concat(important, ";\n        white-space: pre-wrap").concat(important, ";\n        word-wrap: break-word").concat(important, ";\n        text-align: start").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n        unicode-bidi: plaintext").concat(important, ";\n        -webkit-appearance: none").concat(important, ";\n        appearance: none").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n      }\n      \n      .message-input:focus {\n        outline: none").concat(important, ";\n        border-color: ").concat(inputFocusColor, ";\n        background: ").concat(inputFocusBg).concat(important, ";\n        box-shadow: ").concat(inputFocusBoxShadow, ";\n      }\n      \n      .message-input::placeholder {\n        color: ").concat(placeholderColor).concat(important, ";\n        text-align: start").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n      }\n      \n      .send-button {\n        width: 38px").concat(important, ";\n        height: 38px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        border: none").concat(important, ";\n        background: linear-gradient(135deg, ").concat(sendButtonColor, ", ").concat(sendButtonHoverColor, ")").concat(important, ";\n        color: ").concat(sendButtonTextColor, ";\n        font-size: ").concat(this.config.sendButtonFontSize || ((_this$config$panel15 = this.config.panel) === null || _this$config$panel15 === void 0 ? void 0 : _this$config$panel15.sendButtonFontSize) || '16px', ";\n        font-weight: ").concat(this.config.sendButtonFontWeight || ((_this$config$panel16 = this.config.panel) === null || _this$config$panel16 === void 0 ? void 0 : _this$config$panel16.sendButtonFontWeight) || '500', ";\n        cursor: pointer").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        transition: all 0.2s ease").concat(important, ";\n        box-shadow: 0 4px 12px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.32)").concat(important, ";\n      }\n      .send-icon {\n        width: 18px").concat(important, ";\n        height: 18px").concat(important, ";\n        fill: none").concat(important, ";\n        stroke: currentColor").concat(important, ";\n        stroke-width: 2.1").concat(important, ";\n        stroke-linecap: round").concat(important, ";\n        stroke-linejoin: round").concat(important, ";\n      }\n      \n      .send-button:hover:not(:disabled) {\n        background: ").concat(sendButtonHoverColor, ";\n        transform: scale(1.05)").concat(important, ";\n        box-shadow: 0 6px 16px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.42)").concat(important, ";\n      }\n      \n      .send-button-hint {\n        width: 100%").concat(important, ";\n        text-align: center").concat(important, ";\n        margin-top: 4px").concat(important, ";\n      }\n      \n      .send-button:disabled {\n        opacity: 0.5").concat(important, ";\n        cursor: not-allowed").concat(important, ";\n      }\n      \n      .typing-indicator {\n        display: inline-flex").concat(important, ";\n        gap: 4px").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .typing-dot {\n        width: 6px").concat(important, ";\n        height: 6px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", ").concat(typingDotAlpha, ")").concat(important, ";\n        animation: typingDot 1.4s ease-in-out infinite").concat(important, ";\n      }\n      \n      .typing-dot:nth-child(2) { animation-delay: 0.2s").concat(important, "; }\n      .typing-dot:nth-child(3) { animation-delay: 0.4s").concat(important, "; }\n      \n      @keyframes typingDot {\n        0%, 60%, 100% { transform: translateY(0); opacity: 0.7; }\n        30% { transform: translateY(-8px); opacity: 1; }\n      }\n      \n      .error-message {\n        padding: 12px").concat(important, ";\n        background: ").concat(errorBubbleBg, ";\n        border-radius: ").concat(messages.borderRadius, "px;\n        color: ").concat(errorBubbleColor).concat(important, ";\n        border: ").concat(errorBubbleBorder).concat(important, ";\n        font-size: ").concat(messageFontSize).concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n      \n      ").concat(useVoiceTheme ? "\n      #textInterface.active .input-container .send-button-hint {\n        color: rgba(255,255,255,0.72)".concat(important, ";\n      }\n      ") : '', "\n      \n      @media (max-width: 768px) {\n        #messagesContainer {\n          padding: 12px").concat(important, ";\n          gap: 12px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 85%").concat(important, ";\n          font-size: ").concat(messageFontSize).concat(important, ";\n          padding: 11px ").concat(MESSAGE_META_GUTTER_PX, "px 11px 14px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 10px").concat(important, ";\n          gap: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important; /* Prevents iOS zoom on focus */\n          padding: 10px 14px").concat(important, ";\n          min-height: 44px").concat(important, ";\n        }\n        \n        #text-chat-send {\n          min-width: 56px").concat(important, ";\n          min-height: 44px").concat(important, ";\n          width: 56px").concat(important, ";\n          height: 44px").concat(important, ";\n        }\n        \n        .empty-state-icon {\n          font-size: 44px").concat(important, ";\n        }\n        \n        .empty-state-title {\n          font-size: 20px").concat(important, ";\n        }\n        \n        .empty-state-text {\n          font-size: 14px").concat(important, ";\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #messagesContainer {\n          padding: 10px").concat(important, ";\n          gap: 10px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 90%").concat(important, ";\n          font-size: ").concat(messageFontSize).concat(important, ";\n          padding: 10px ").concat(MESSAGE_META_GUTTER_PX, "px 10px 13px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important;\n          padding: 8px 12px").concat(important, ";\n        }\n      }\n    ");
     }
 
     /**
@@ -38418,10 +38683,11 @@ var TextInterface = /*#__PURE__*/function () {
         errorContainer.appendChild(message);
         messages.appendChild(errorContainer);
       } else {
-        // Show regular error
+        var text = typeof error === 'string' ? error : error && error.message;
+        if (!text) return;
         var errorEl = document.createElement('div');
         errorEl.className = 'error-message';
-        errorEl.textContent = typeof error === 'string' ? error : (error === null || error === void 0 ? void 0 : error.message) || error;
+        errorEl.textContent = text;
         messages.appendChild(errorEl);
       }
       messages.scrollTop = messages.scrollHeight;