ttp-agent-sdk 2.47.2 → 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-07-30T20:53:20.013Z";
+        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 ***!
@@ -21253,8 +21357,8 @@ var VoiceSDK = _v2_VoiceSDK_js__WEBPACK_IMPORTED_MODULE_0__["default"];
 
 
 // Version - injected at build time from package.json via webpack DefinePlugin
-var VERSION = "2.47.2";
-var BUILD_TIME = "2026-07-30T20:53:20.013Z";
+var VERSION = "2.48.0";
+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);
@@ -28880,7 +29130,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
         // iOS in-app webviews lack "Safari" in the UA (real Safari always has it).
         var webview = isAndroid && (/\bwv\b/.test(ua) || /Version\/[\d.]+.*Chrome/.test(ua)) || isIos && !/Safari/i.test(ua) || false;
         var env = {
-          sdkVersion:  true ? "2.47.2" : 0,
+          sdkVersion:  true ? "2.48.0" : 0,
           ua: ua,
           platform: (uaData === null || uaData === void 0 ? void 0 : uaData.platform) || navigator.platform || '',
           mobile: (_uaData$mobile = uaData === null || uaData === void 0 ? void 0 : uaData.mobile) !== null && _uaData$mobile !== void 0 ? _uaData$mobile : isAndroid || isIos,
@@ -28895,7 +29145,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
       } catch (e) {
         console.warn('⚠️ VoiceSDK v2: Failed to build client env:', e);
         return {
-          sdkVersion:  true ? "2.47.2" : 0
+          sdkVersion:  true ? "2.48.0" : 0
         };
       }
     }
@@ -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-07-30T20:53:20.013Z";
+                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,
@@ -34455,14 +34707,15 @@ var TTPChatWidget = /*#__PURE__*/function () {
               fontSize: ((_userConfig$text0 = userConfig.text) === null || _userConfig$text0 === void 0 || (_userConfig$text0 = _userConfig$text0.sendButtonHint) === null || _userConfig$text0 === void 0 ? void 0 : _userConfig$text0.fontSize) || ((_userConfig$panel20 = userConfig.panel) === null || _userConfig$panel20 === void 0 || (_userConfig$panel20 = _userConfig$panel20.sendButtonHint) === null || _userConfig$panel20 === void 0 ? void 0 : _userConfig$panel20.fontSize) || '14px'
             }, (_userConfig$text1 = userConfig.text) === null || _userConfig$text1 === void 0 ? void 0 : _userConfig$text1.sendButtonHint), (_userConfig$panel21 = userConfig.panel) === null || _userConfig$panel21 === void 0 ? void 0 : _userConfig$panel21.sendButtonHint),
             // Input field configuration
-            inputPlaceholder: ((_userConfig$text10 = userConfig.text) === null || _userConfig$text10 === void 0 ? void 0 : _userConfig$text10.inputPlaceholder) || ((_userConfig$panel22 = userConfig.panel) === null || _userConfig$panel22 === void 0 ? void 0 : _userConfig$panel22.inputPlaceholder) || 'Type your message...',
+            inputPlaceholder: ((_userConfig$text10 = userConfig.text) === null || _userConfig$text10 === void 0 ? void 0 : _userConfig$text10.inputPlaceholder) || userConfig.inputPlaceholder || ((_userConfig$panel22 = userConfig.panel) === null || _userConfig$panel22 === void 0 ? void 0 : _userConfig$panel22.inputPlaceholder),
             inputBorderColor: ((_userConfig$text11 = userConfig.text) === null || _userConfig$text11 === void 0 ? void 0 : _userConfig$text11.inputBorderColor) || ((_userConfig$panel23 = userConfig.panel) === null || _userConfig$panel23 === void 0 ? void 0 : _userConfig$panel23.inputBorderColor) || '#E5E7EB',
             inputFocusColor: ((_userConfig$text12 = userConfig.text) === null || _userConfig$text12 === void 0 ? void 0 : _userConfig$text12.inputFocusColor) || ((_userConfig$panel24 = userConfig.panel) === null || _userConfig$panel24 === void 0 ? void 0 : _userConfig$panel24.inputFocusColor) || textChatAccent,
             inputBackgroundColor: ((_userConfig$text13 = userConfig.text) === null || _userConfig$text13 === void 0 ? void 0 : _userConfig$text13.inputBackgroundColor) || ((_userConfig$panel25 = userConfig.panel) === null || _userConfig$panel25 === void 0 ? void 0 : _userConfig$panel25.inputBackgroundColor) || '#FFFFFF',
             inputTextColor: ((_userConfig$text14 = userConfig.text) === null || _userConfig$text14 === void 0 ? void 0 : _userConfig$text14.inputTextColor) || ((_userConfig$panel26 = userConfig.panel) === null || _userConfig$panel26 === void 0 ? void 0 : _userConfig$panel26.inputTextColor) || '#1F2937',
+            // >= 16px so iOS Safari does not auto-zoom the host page when the composer is focused
             inputFontSize: ((_userConfig$text15 = userConfig.text) === null || _userConfig$text15 === void 0 ? void 0 : _userConfig$text15.inputFontSize) || ((_userConfig$panel27 = userConfig.panel) === null || _userConfig$panel27 === void 0 ? void 0 : _userConfig$panel27.inputFontSize) || '16px',
             inputBorderRadius: ((_userConfig$text16 = userConfig.text) === null || _userConfig$text16 === void 0 ? void 0 : _userConfig$text16.inputBorderRadius) || ((_userConfig$panel28 = userConfig.panel) === null || _userConfig$panel28 === void 0 ? void 0 : _userConfig$panel28.inputBorderRadius) || 20,
-            inputPadding: ((_userConfig$text17 = userConfig.text) === null || _userConfig$text17 === void 0 ? void 0 : _userConfig$text17.inputPadding) || ((_userConfig$panel29 = userConfig.panel) === null || _userConfig$panel29 === void 0 ? void 0 : _userConfig$panel29.inputPadding) || '8px 16px',
+            inputPadding: ((_userConfig$text17 = userConfig.text) === null || _userConfig$text17 === void 0 ? void 0 : _userConfig$text17.inputPadding) || ((_userConfig$panel29 = userConfig.panel) === null || _userConfig$panel29 === void 0 ? void 0 : _userConfig$panel29.inputPadding) || '9px 12px',
             /** When true (default), text chat uses the same hero gradient, primary, and bubble treatment as the voice UI. Set false for a light, panel-solid transcript. */
             useVoiceTheme: ((_userConfig$text18 = userConfig.text) === null || _userConfig$text18 === void 0 ? void 0 : _userConfig$text18.useVoiceTheme) !== false
           }, userConfig.text)
@@ -34572,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) || '16px',
+          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
@@ -34661,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) {
@@ -35081,7 +35337,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
         return;
       }
       this._ensureAboutStyles();
-      var version =  true ? "2.47.2" : 0;
+      var version =  true ? "2.48.0" : 0;
       var convId = this._getLastConversationId();
       var t = function t(k, fb) {
         try {
@@ -35528,9 +35784,9 @@ var TTPChatWidget = /*#__PURE__*/function () {
           return _this0.showText();
         };
       }
-      var textUnifiedBackBtn = this.shadowRoot.getElementById('textUnifiedBackBtn');
-      if (textUnifiedBackBtn) {
-        textUnifiedBackBtn.onclick = function () {
+      var textUnifiedHomeBtn = this.shadowRoot.getElementById('textUnifiedHomeBtn');
+      if (textUnifiedHomeBtn) {
+        textUnifiedHomeBtn.onclick = function () {
           var _this0$config$behavio;
           var widgetMode = ((_this0$config$behavio = _this0.config.behavior) === null || _this0$config$behavio === void 0 ? void 0 : _this0$config$behavio.mode) || 'unified';
           if (widgetMode !== 'unified') return;
@@ -35538,6 +35794,12 @@ var TTPChatWidget = /*#__PURE__*/function () {
           _this0._openMobileCallTextLanding();
         };
       }
+      var textUnifiedCloseBtn = this.shadowRoot.getElementById('textUnifiedCloseBtn');
+      if (textUnifiedCloseBtn) {
+        textUnifiedCloseBtn.onclick = function () {
+          return _this0._doTogglePanel();
+        };
+      }
 
       // Build wave bars inside the orb (desktop active call)
       var waveQueryRoot = this.config.useShadowDOM ? this.shadowRoot : document.getElementById('ttp-widget-container');
@@ -37449,13 +37711,22 @@ var TTPChatWidget = /*#__PURE__*/function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   TextInterface: () => (/* binding */ TextInterface)
+/* harmony export */   MESSAGE_COLLAPSE_THRESHOLD: () => (/* binding */ MESSAGE_COLLAPSE_THRESHOLD),
+/* harmony export */   TextInterface: () => (/* binding */ TextInterface),
+/* harmony export */   collapseMessageText: () => (/* binding */ collapseMessageText),
+/* harmony export */   messageInlineOrder: () => (/* binding */ messageInlineOrder),
+/* harmony export */   resolveInputTextDirection: () => (/* binding */ resolveInputTextDirection),
+/* harmony export */   resolveMessageTextDirection: () => (/* binding */ resolveMessageTextDirection)
 /* harmony export */ });
 /* harmony import */ var _galleryHandler_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./galleryHandler.js */ "./src/widget/galleryHandler.js");
 /* harmony import */ var _markdown_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./markdown.js */ "./src/widget/markdown.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 _n2 = 0, F = function F() {}; return { s: F, n: function n() { return _n2 >= r.length ? { done: !0 } : { done: !1, value: r[_n2++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _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); }
@@ -37513,10 +37784,43 @@ function rgbTupleFromChromeColor(color, fallbackTuple) {
 /** Textarea single-line height and max auto-grow (px); keep in sync with `.message-input` CSS. */
 var TEXT_INPUT_MIN_HEIGHT_PX = 36;
 var TEXT_INPUT_MAX_HEIGHT_PX = 132;
+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");
+}
+
+/** Uses the first strong character so typed text can override the empty-field locale. */
+function resolveInputTextDirection(text) {
+  var _String$match;
+  var fallbackDirection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ltr';
+  var firstLetter = (_String$match = String(text).match(/(?:[A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088F\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5C\u0C5D\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDC-\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C8A\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7DC\uA7F1-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF40\uDF42-\uDF49\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDDC0-\uDDF3\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD40-\uDD59\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDD00-\uDD23\uDD4A-\uDD65\uDD6F-\uDD85\uDE80-\uDEA9\uDEB0\uDEB1\uDEC2-\uDEC7\uDF00-\uDF1C\uDF27\uDF30-\uDF45\uDF70-\uDF81\uDFB0-\uDFC4\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC71\uDC72\uDC75\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE3F\uDE40\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61\uDF80-\uDF89\uDF8B\uDF8E\uDF90-\uDFB5\uDFB7\uDFD1\uDFD3]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDEB8\uDF00-\uDF1A\uDF40-\uDF46]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCDF\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEB0-\uDEF8\uDFC0-\uDFE0]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDDB0-\uDDDB\uDEE0-\uDEF2\uDF02\uDF04-\uDF10\uDF12-\uDF33\uDFB0]|\uD808[\uDC00-\uDF99]|\uD809[\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD80E\uD80F\uD81C-\uD822\uD840-\uD868\uD86A-\uD86D\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD88C][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC41-\uDC46\uDC60-\uDFFF]|\uD810[\uDC00-\uDFFA]|\uD811[\uDC00-\uDE46]|\uD818[\uDD00-\uDD1D]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE70-\uDEBE\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDD40-\uDD6C\uDE40-\uDE7F\uDEA0-\uDEB8\uDEBB-\uDED3\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3\uDFF2\uDFF3]|\uD823[\uDC00-\uDCD5\uDCFF-\uDD1E\uDD80-\uDDF2]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC30-\uDC6D\uDD00-\uDD2C\uDD37-\uDD3D\uDD4E\uDE90-\uDEAD\uDEC0-\uDEEB]|\uD839[\uDCD0-\uDCEB\uDDD0-\uDDED\uDDF0\uDEC0-\uDEDE\uDEE0-\uDEE2\uDEE4\uDEE5\uDEE7-\uDEED\uDEF0-\uDEF4\uDEFE\uDEFF\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43\uDD4B]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEAD\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0\uDFF0-\uDFFF]|\uD87B[\uDC00-\uDE5D]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD88D[\uDC00-\uDC79])/)) === null || _String$match === void 0 ? void 0 : _String$match[0];
+  if (!firstLetter) return fallbackDirection === 'rtl' ? 'rtl' : 'ltr';
+  return /[\u0590-\u08FF]/.test(firstLetter) ? 'rtl' : 'ltr';
+}
+function resolveMessageTextDirection(text) {
+  var fallbackDirection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ltr';
+  return resolveInputTextDirection(text, fallbackDirection);
+}
+
+/** Keeps the fixed, physical metadata area on the bubble's right edge. */
+function messageInlineOrder(direction) {
+  return ['content', 'spacer'];
+}
+
 /** Resolves voice primary / gradient strings to #rrggbb for CSS hex+alpha suffixes. */
 function firstHexFromVoiceColor(c, fallback) {
   if (c == null || typeof c !== 'string') return fallback;
@@ -37537,6 +37841,7 @@ var TextInterface = /*#__PURE__*/function () {
     this.config = config;
     this.sdk = sdk;
     this.streamingEl = null;
+    this.streamingBubble = null;
     this.hasStartedStreaming = false;
     this.isActive = false;
     // Shadow root reference for DOM queries
@@ -37559,6 +37864,11 @@ var TextInterface = /*#__PURE__*/function () {
       var translations = ((_this$config$translat = this.config.translations) === null || _this$config$translat === void 0 ? void 0 : _this$config$translat[lang]) || ((_this$config$translat2 = this.config.translations) === null || _this$config$translat2 === void 0 ? void 0 : _this$config$translat2.en) || {};
       return translations[key] || key;
     }
+  }, {
+    key: "textDirection",
+    get: function get() {
+      return this.config.direction === 'rtl' ? 'rtl' : 'ltr';
+    }
 
     /**
      * Generate HTML for text interface
@@ -37566,13 +37876,18 @@ var TextInterface = /*#__PURE__*/function () {
   }, {
     key: "generateHTML",
     value: function generateHTML() {
-      var _this$config$panel, _this$config$behavior, _this$config$sendButt, _this$config$panel2, _this$config$sendButt2, _this$config$panel3, _this$config$sendButt3, _this$config$panel4, _this$config$sendButt4, _this$config$panel5;
+      var _this$config$panel, _this$config$header, _this$config$sendButt, _this$config$panel2, _this$config$sendButt2, _this$config$panel3, _this$config$sendButt3, _this$config$panel4, _this$config$sendButt4, _this$config$panel5;
       // Use text config, fallback to panel config, then translation, then default
       var inputPlaceholder = this.config.inputPlaceholder || ((_this$config$panel = this.config.panel) === null || _this$config$panel === void 0 ? void 0 : _this$config$panel.inputPlaceholder) || this.t('typeMessage') || 'Type your message...';
-      var unifiedMode = ((_this$config$behavior = this.config.behavior) === null || _this$config$behavior === void 0 ? void 0 : _this$config$behavior.mode) === 'unified';
-      var backArrow = this.config.direction === 'rtl' ? '→' : '←';
-      var backBar = unifiedMode ? "\n      <div class=\"text-interface-top-bar\">\n        <button type=\"button\" class=\"text-interface-back-btn\" id=\"textUnifiedBackBtn\" aria-label=\"".concat(this.t('back'), "\">\n          <span class=\"text-interface-back-icon\" aria-hidden=\"true\">").concat(backArrow, "</span>\n          <span class=\"text-interface-back-label\">").concat(this.t('back'), "</span>\n        </button>\n        <button type=\"button\" class=\"ttp-info-btn\" aria-label=\"").concat(this.t('aboutTitle') || 'About', "\" title=\"").concat(this.t('aboutTitle') || 'About', "\">\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"/>\n            <line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"16\"/>\n            <circle cx=\"12\" cy=\"7.7\" r=\"1.05\" fill=\"currentColor\" stroke=\"none\"/>\n          </svg>\n        </button>\n      </div>") : '';
-      return "<div class=\"text-interface\" id=\"textInterface\">\n      ".concat(backBar, "\n      <div class=\"messages-container\" id=\"messagesContainer\">\n        <div class=\"empty-state\">\n          <div class=\"empty-state-icon\">\uD83D\uDCAC</div>\n          <div class=\"empty-state-title\">").concat(this.t('hello'), "</div>\n          <div class=\"empty-state-text\">").concat(this.t('sendMessage'), "</div>\n        </div>\n      </div>\n      <div class=\"input-container\">\n        <div class=\"input-wrapper\" style=\"flex:1;\">\n          <textarea class=\"message-input\" id=\"messageInput\" placeholder=\"").concat(inputPlaceholder, "\" rows=\"1\" dir=\"").concat(this.config.direction || 'ltr', "\"></textarea>\n        </div>\n        <button class=\"send-button\" id=\"sendButton\" aria-label=\"").concat(this.t('sendMessageAria'), "\">").concat(this.config.sendButtonText || '➤', "</button>\n        ").concat((_this$config$sendButt = this.config.sendButtonHint) !== null && _this$config$sendButt !== void 0 && _this$config$sendButt.text || (_this$config$panel2 = this.config.panel) !== null && _this$config$panel2 !== void 0 && (_this$config$panel2 = _this$config$panel2.sendButtonHint) !== null && _this$config$panel2 !== void 0 && _this$config$panel2.text ? "\n          <div class=\"send-button-hint\" style=\"color: ".concat(((_this$config$sendButt2 = this.config.sendButtonHint) === null || _this$config$sendButt2 === void 0 ? void 0 : _this$config$sendButt2.color) || ((_this$config$panel3 = this.config.panel) === null || _this$config$panel3 === void 0 || (_this$config$panel3 = _this$config$panel3.sendButtonHint) === null || _this$config$panel3 === void 0 ? void 0 : _this$config$panel3.color) || '#6B7280', "; font-size: ").concat(((_this$config$sendButt3 = this.config.sendButtonHint) === null || _this$config$sendButt3 === void 0 ? void 0 : _this$config$sendButt3.fontSize) || ((_this$config$panel4 = this.config.panel) === null || _this$config$panel4 === void 0 || (_this$config$panel4 = _this$config$panel4.sendButtonHint) === null || _this$config$panel4 === void 0 ? void 0 : _this$config$panel4.fontSize) || '14px', "; text-align: center; margin-top: 4px;\">\n            ").concat(((_this$config$sendButt4 = this.config.sendButtonHint) === null || _this$config$sendButt4 === void 0 ? void 0 : _this$config$sendButt4.text) || ((_this$config$panel5 = this.config.panel) === null || _this$config$panel5 === void 0 || (_this$config$panel5 = _this$config$panel5.sendButtonHint) === null || _this$config$panel5 === void 0 ? void 0 : _this$config$panel5.text), "\n          </div>\n        ") : '', "\n      </div>\n    </div>");
+      var textDirection = this.textDirection;
+      var agentName = this.config.agentName || ((_this$config$header = this.config.header) === null || _this$config$header === void 0 ? void 0 : _this$config$header.title) || 'Chat Assistant';
+      var agentInitial = agentName.trim().charAt(0).toUpperCase();
+      var footer = this.config.footer || {};
+      var isSpeacart = footer.brand === 'speacart';
+      var brandName = isSpeacart ? 'SpeaCart' : 'TalkToPC';
+      var brandUrl = isSpeacart ? 'https://speacart.com' : 'https://talktopc.com';
+      var backBar = "\n      <div class=\"text-interface-top-bar\" dir=\"".concat(textDirection, "\">\n        <div class=\"text-interface-agent-heading\">\n          <span class=\"text-interface-agent-avatar\" aria-hidden=\"true\">\n            <span class=\"text-interface-agent-initial\">").concat(agentInitial, "</span>\n          </span>\n          <span class=\"text-interface-agent-copy\" dir=\"").concat(textDirection, "\">\n            <span class=\"text-interface-agent-name\">").concat(agentName, "</span>\n            <span class=\"text-interface-agent-status\"><span aria-hidden=\"true\"></span>").concat(this.t('online'), "</span>\n          </span>\n        </div>\n        <div class=\"text-interface-top-actions\">\n          <button type=\"button\" class=\"text-interface-close-btn\" id=\"textUnifiedCloseBtn\" aria-label=\"").concat(this.t('close'), "\" title=\"").concat(this.t('close'), "\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m6 6 12 12M18 6 6 18\"/></svg>\n          </button>\n        </div>\n      </div>");
+      return "<div class=\"text-interface\" id=\"textInterface\" dir=\"".concat(textDirection, "\">\n      ").concat(backBar, "\n      <div class=\"messages-container\" id=\"messagesContainer\">\n        <div class=\"empty-state\">\n          <div class=\"empty-state-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M20 11.5a7.5 7.5 0 0 1-7.75 7.5 8.9 8.9 0 0 1-3.5-.72L4 20l1.55-4.1A7.2 7.2 0 0 1 4.5 12 7.5 7.5 0 0 1 12.25 4.5 7.5 7.5 0 0 1 20 11.5Z\"/>\n              <path d=\"M8.6 11.8h.01M12.1 11.8h.01M15.6 11.8h.01\" stroke-width=\"2.4\"/>\n            </svg>\n          </div>\n          <div class=\"empty-state-title\">").concat(this.t('hello'), "</div>\n          <div class=\"empty-state-text\">").concat(this.t('sendMessage'), "</div>\n        </div>\n      </div>\n      <div class=\"input-container\">\n        <button type=\"button\" class=\"text-interface-home-btn\" id=\"textUnifiedHomeBtn\" aria-label=\"").concat(this.t('home'), "\" title=\"").concat(this.t('home'), "\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4.5 10.5 12 4l7.5 6.5v8.25a1.25 1.25 0 0 1-1.25 1.25h-4.5v-5.75h-3.5V20h-4.5a1.25 1.25 0 0 1-1.25-1.25V10.5Z\"/></svg>\n        </button>\n        <div class=\"input-wrapper\" style=\"flex:1;\">\n          <textarea class=\"message-input\" id=\"messageInput\" placeholder=\"").concat(inputPlaceholder, "\" rows=\"1\" dir=\"").concat(textDirection, "\"></textarea>\n        </div>\n        <button class=\"send-button\" id=\"sendButton\" aria-label=\"").concat(this.t('sendMessageAria'), "\">\n          <svg class=\"send-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m21 3-7.8 18-3.6-7.8L3 9.6 21 3Z\"/><path d=\"m9.6 13.2 4.2-3.6\"/></svg>\n        </button>\n        ").concat((_this$config$sendButt = this.config.sendButtonHint) !== null && _this$config$sendButt !== void 0 && _this$config$sendButt.text || (_this$config$panel2 = this.config.panel) !== null && _this$config$panel2 !== void 0 && (_this$config$panel2 = _this$config$panel2.sendButtonHint) !== null && _this$config$panel2 !== void 0 && _this$config$panel2.text ? "\n          <div class=\"send-button-hint\" style=\"color: ".concat(((_this$config$sendButt2 = this.config.sendButtonHint) === null || _this$config$sendButt2 === void 0 ? void 0 : _this$config$sendButt2.color) || ((_this$config$panel3 = this.config.panel) === null || _this$config$panel3 === void 0 || (_this$config$panel3 = _this$config$panel3.sendButtonHint) === null || _this$config$panel3 === void 0 ? void 0 : _this$config$panel3.color) || '#6B7280', "; font-size: ").concat(((_this$config$sendButt3 = this.config.sendButtonHint) === null || _this$config$sendButt3 === void 0 ? void 0 : _this$config$sendButt3.fontSize) || ((_this$config$panel4 = this.config.panel) === null || _this$config$panel4 === void 0 || (_this$config$panel4 = _this$config$panel4.sendButtonHint) === null || _this$config$panel4 === void 0 ? void 0 : _this$config$panel4.fontSize) || '14px', "; text-align: center; margin-top: 4px;\">\n            ").concat(((_this$config$sendButt4 = this.config.sendButtonHint) === null || _this$config$sendButt4 === void 0 ? void 0 : _this$config$sendButt4.text) || ((_this$config$panel5 = this.config.panel) === null || _this$config$panel5 === void 0 || (_this$config$panel5 = _this$config$panel5.sendButtonHint) === null || _this$config$panel5 === void 0 ? void 0 : _this$config$panel5.text), "\n          </div>\n        ") : '', "\n      </div>\n      <div class=\"text-interface-footer\">\n        <span class=\"text-interface-powered\">Powered by <a href=\"").concat(brandUrl, "\" target=\"_blank\" rel=\"noopener noreferrer\"><b>").concat(brandName, "</b></a></span>\n        <button type=\"button\" class=\"ttp-info-btn\" aria-label=\"").concat(this.t('aboutTitle') || 'About', "\" title=\"").concat(this.t('aboutTitle') || 'About', "\">\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"/>\n            <line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"16\"/>\n            <circle cx=\"12\" cy=\"7.7\" r=\"1.05\" fill=\"currentColor\" stroke=\"none\"/>\n          </svg>\n        </button>\n      </div>\n    </div>");
     }
 
     /**
@@ -37587,15 +37902,19 @@ var TextInterface = /*#__PURE__*/function () {
       var anim = this.config.animation;
       var useVoiceTheme = this.config.useVoiceTheme !== false;
       var voice = this.config.voice || {};
+      var textDirection = this.textDirection;
 
       // Use text config, fallback to panel config for backward compatibility
       var sendButtonColor = this.config.sendButtonColor || ((_this$config$panel6 = this.config.panel) === null || _this$config$panel6 === void 0 ? void 0 : _this$config$panel6.sendButtonColor) || '#7C3AED';
       var sendButtonHoverColor = this.config.sendButtonHoverColor || ((_this$config$panel7 = this.config.panel) === null || _this$config$panel7 === void 0 ? void 0 : _this$config$panel7.sendButtonHoverColor) || '#6D28D9';
       var sendButtonTextColor = this.config.sendButtonTextColor || ((_this$config$panel8 = this.config.panel) === null || _this$config$panel8 === void 0 ? void 0 : _this$config$panel8.sendButtonTextColor) || '#FFFFFF';
       var inputPlaceholder = this.config.inputPlaceholder || ((_this$config$panel9 = this.config.panel) === null || _this$config$panel9 === void 0 ? void 0 : _this$config$panel9.inputPlaceholder) || 'Type your message...';
-      var inputFontSize = this.config.inputFontSize || ((_this$config$panel0 = this.config.panel) === null || _this$config$panel0 === void 0 ? void 0 : _this$config$panel0.inputFontSize) || '14px';
+      // Keep the composer at >= 16px: iOS Safari auto-zooms the host page whenever a
+      // focused field is smaller, which shifts the whole embedding site on tap.
+      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) || '6px 14px';
+      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 || '15px';
       var panelLight;
       var topBarBg;
       var topBarBorder;
@@ -37630,31 +37949,31 @@ var TextInterface = /*#__PURE__*/function () {
       if (useVoiceTheme) {
         var p1 = firstHexFromVoiceColor(voice.primaryBtnGradient1 || voice.startCallButtonColor, '#6d56f5');
         var p2 = firstHexFromVoiceColor(voice.primaryBtnGradient2 || voice.startCallButtonColor, '#9d8df8');
-        var a1 = firstHexFromVoiceColor(voice.avatarGradient1, p1);
-        var a2 = firstHexFromVoiceColor(voice.avatarGradient2, p2);
+        var a1 = firstHexFromVoiceColor(voice.avatarGradient1, '#6d56f5');
+        var a2 = firstHexFromVoiceColor(voice.avatarGradient2, '#a78bfa');
         panelLight = false;
-        topBarBg = 'transparent';
-        topBarBorder = 'rgba(255,255,255,0.16)';
-        messagesAreaBg = 'rgba(255,255,255,0.09)';
+        topBarBg = 'rgba(13, 8, 43, 0.9)';
+        topBarBorder = 'rgba(219, 210, 255, 0.16)';
+        messagesAreaBg = 'radial-gradient(circle at 22% 12%, rgba(116, 80, 255, 0.16), transparent 32%), linear-gradient(180deg, rgba(11, 7, 38, 0.4), rgba(8, 5, 29, 0.62))';
         backBtnColor = 'rgba(255,255,255,0.92)';
         backBtnHoverBg = 'rgba(255,255,255,0.14)';
         backBtnHoverColor = '#ffffff';
         emptyMuted = 'rgba(255,255,255,0.7)';
         emptyTitle = '#ffffff';
-        inputContainerBg = 'transparent';
-        inputContainerBorderTop = 'rgba(255,255,255,0.16)';
-        inputBorderColor = 'rgba(255,255,255,0.26)';
+        inputContainerBg = 'rgba(12, 8, 38, 0.9)';
+        inputContainerBorderTop = 'rgba(225, 219, 255, 0.18)';
+        inputBorderColor = 'rgba(225, 219, 255, 0.26)';
         inputFocusColor = "".concat(p1, "e6");
-        inputBackgroundColor = 'rgba(255,255,255,0.12)';
+        inputBackgroundColor = 'rgba(255,255,255,0.07)';
         inputTextColor = '#f8fafc';
-        inputFocusBg = 'rgba(255,255,255,0.18)';
+        inputFocusBg = 'rgba(255,255,255,0.12)';
         inputFocusBoxShadow = "0 0 0 3px ".concat(p1, "59");
         placeholderColor = 'rgba(255,255,255,0.55)';
-        userBubbleBg = "".concat(p1, "73");
+        userBubbleBg = '#7354e6';
         userBubbleTextColor = '#ffffff';
-        agentBubbleBg = 'rgba(255,255,255,0.16)';
+        agentBubbleBg = '#35394f';
         agentBubbleTextColor = '#f8fafc';
-        agentBubbleBorder = '1px solid rgba(255,255,255,0.28)';
+        agentBubbleBorder = '1px solid rgba(194, 201, 255, 0.22)';
         avatarAgentBg = "linear-gradient(135deg, ".concat(a1, ", ").concat(a2, ")");
         avatarUserBg = 'rgba(255,255,255,0.22)';
         avatarUserColor = 'rgba(255,255,255,0.95)';
@@ -37715,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: 10px 12px 8px").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: space-between").concat(important, ";\n      }\n      .text-interface-top-bar .ttp-info-btn {\n        color: ").concat(backBtnColor).concat(important, ";\n      }\n      .text-interface-top-bar .ttp-info-btn:hover {\n        background: ").concat(backBtnHoverBg).concat(important, ";\n        color: ").concat(backBtnHoverColor).concat(important, ";\n      }\n      .text-interface-back-btn {\n        display: inline-flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 6px").concat(important, ";\n        padding: 6px 10px").concat(important, ";\n        margin: 0").concat(important, ";\n        border: none").concat(important, ";\n        border-radius: 8px").concat(important, ";\n        background: transparent").concat(important, ";\n        color: ").concat(backBtnColor).concat(important, ";\n        font-size: 16px").concat(important, ";\n        font-weight: 600").concat(important, ";\n        cursor: pointer").concat(important, ";\n        font-family: inherit").concat(important, ";\n      }\n      .text-interface-back-btn:hover {\n        background: ").concat(backBtnHoverBg).concat(important, ";\n        color: ").concat(backBtnHoverColor).concat(important, ";\n      }\n      .text-interface-back-icon {\n        font-size: 18px").concat(important, ";\n        line-height: 1").concat(important, ";\n      }\n      .text-interface-back-label {\n        line-height: 1.2").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\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      }\n      .text-interface.active { display: flex").concat(important, "; }\n      \n      .message { \n        display: flex").concat(important, "; \n        gap: 8px").concat(important, "; \n        padding: 4px 0").concat(important, "; \n        max-width: 100%").concat(important, "; \n        align-items: center").concat(important, "; \n      }\n      .message.edge-left { flex-direction: row").concat(important, "; }\n      .message.edge-right { flex-direction: row-reverse").concat(important, "; }\n      .message-bubble { \n        padding: 14px 16px").concat(important, "; \n        border-radius: ").concat(messages.borderRadius, "px").concat(important, "; \n        max-width: 80%").concat(important, "; \n        font-size: ").concat(messages.fontSize).concat(important, "; \n        line-height: 1.45").concat(important, ";\n        word-wrap: break-word").concat(important, "; \n        text-align: ").concat(this.config.direction === 'rtl' ? 'right' : 'left').concat(important, "; \n        direction: ").concat(this.config.direction || 'ltr', ";\n      }\n      .message.user .message-bubble { \n        background: ").concat(userBubbleBg).concat(important, "; \n        color: ").concat(userBubbleTextColor).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        max-width: 88%").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: ").concat(this.config.direction === 'rtl' ? 'flex-start' : 'flex-end').concat(important, "; \n      }\n      .message.agent {\n        align-self: ").concat(this.config.direction === 'rtl' ? 'flex-end' : 'flex-start').concat(important, ";\n        /* structured answers can be tall \u2014 keep the avatar next to the first line */\n        align-items: flex-start").concat(important, ";\n      }\n      .message.agent .message-avatar { margin-top: 7px").concat(important, "; }\n      .message .message-bubble { \n        text-align: ").concat(this.config.direction === 'rtl' ? 'right' : 'left', " !important; \n      }\n      ").concat(this.config.direction === 'rtl' ? "\n      .message-bubble {\n        text-align: right !important;\n      }\n      " : '', "\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: ").concat(this.config.direction === 'rtl' ? 'row-reverse' : 'row').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: ").concat(this.config.direction === 'rtl' ? 'right' : 'left').concat(important, ";\n        direction: ").concat(this.config.direction || 'ltr', ";\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: ").concat(this.config.direction === 'rtl' ? 'right' : 'left').concat(important, ";\n      }\n      \n      .send-button {\n        width: 44px").concat(important, ";\n        height: 44px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        border: none").concat(important, ";\n        background: ").concat(sendButtonColor, ";\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) || '20px', ";\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      \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 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(messages.fontSize).concat(important, ";\n          padding: 10px 12px").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    ");
     }
 
     /**
@@ -37759,7 +38078,10 @@ var TextInterface = /*#__PURE__*/function () {
             }, 0);
           }
         };
-        inputField.addEventListener('input', autoResize);
+        inputField.addEventListener('input', function () {
+          _this.updateInputWritingDirection(inputField);
+          autoResize();
+        });
         inputField.addEventListener('keydown', function (e) {
           if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
@@ -37808,14 +38130,17 @@ var TextInterface = /*#__PURE__*/function () {
         // Update placeholder based on current language
         var inputPlaceholder = this.config.inputPlaceholder || ((_this$config$panel17 = this.config.panel) === null || _this$config$panel17 === void 0 ? void 0 : _this$config$panel17.inputPlaceholder) || this.t('typeMessage') || 'Type your message...';
         inputField.placeholder = inputPlaceholder;
-
-        // Update direction
-        inputField.dir = this.config.direction || 'ltr';
-
-        // Update text-align style
-        inputField.style.textAlign = this.config.direction === 'rtl' ? 'right' : 'left';
+        this.updateInputWritingDirection(inputField);
       }
     }
+  }, {
+    key: "updateInputWritingDirection",
+    value: function updateInputWritingDirection(inputField) {
+      var direction = resolveInputTextDirection(inputField.value, this.textDirection);
+      inputField.dir = direction;
+      inputField.style.setProperty('direction', direction, 'important');
+      inputField.style.setProperty('text-align', direction === 'rtl' ? 'right' : 'left', 'important');
+    }
 
     /**
      * Show text interface
@@ -37901,6 +38226,7 @@ var TextInterface = /*#__PURE__*/function () {
               input.value = '';
               input.style.height = "".concat(TEXT_INPUT_MIN_HEIGHT_PX, "px");
               input.style.overflow = 'hidden';
+              this.updateInputWritingDirection(input);
 
               // Prepare streaming bubble and send via SDK
               _context2.p = 3;
@@ -37947,10 +38273,38 @@ var TextInterface = /*#__PURE__*/function () {
     /**
      * Add message to UI
      */
+  }, {
+    key: "messageTime",
+    value: function messageTime() {
+      return new Intl.DateTimeFormat(undefined, {
+        hour: '2-digit',
+        minute: '2-digit',
+        hour12: false
+      }).format(new Date());
+    }
+  }, {
+    key: "addMessageExpansion",
+    value: function addMessageExpansion(content, text, spacer) {
+      if (!spacer || text.length <= MESSAGE_COLLAPSE_THRESHOLD) return;
+      var expanded = false;
+      var button = document.createElement('button');
+      button.type = 'button';
+      button.className = 'message-expand-button';
+      button.textContent = 'Read more';
+      button.setAttribute('aria-expanded', 'false');
+      content.textContent = collapseMessageText(text);
+      button.addEventListener('click', function () {
+        expanded = !expanded;
+        content.textContent = expanded ? text : collapseMessageText(text);
+        button.textContent = expanded ? 'Read less' : 'Read more';
+        button.setAttribute('aria-expanded', String(expanded));
+      });
+      spacer.parentNode.insertBefore(button, spacer);
+    }
   }, {
     key: "addMessage",
     value: function addMessage(type, text) {
-      var _this$config$messages, _this$config$messages2;
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var messages = this.shadowRoot.getElementById('messagesContainer');
       if (!messages) return;
 
@@ -37960,24 +38314,46 @@ var TextInterface = /*#__PURE__*/function () {
         emptyState.remove();
       }
       var message = document.createElement('div');
-      var edgeClass = this.config.direction === 'rtl' ? type === 'user' ? 'edge-left' : 'edge-right' : type === 'user' ? 'edge-right' : 'edge-left';
+      var edgeClass = type === 'user' ? 'edge-right' : 'edge-left';
       message.className = "message ".concat(type, " ").concat(edgeClass);
-      var avatar = document.createElement('div');
-      avatar.className = "message-avatar ".concat(type);
-      var avatarIcon = type === 'user' ? ((_this$config$messages = this.config.messages) === null || _this$config$messages === void 0 ? void 0 : _this$config$messages.userAvatarIcon) || '👤' : ((_this$config$messages2 = this.config.messages) === null || _this$config$messages2 === void 0 ? void 0 : _this$config$messages2.agentAvatarIcon) || '🤖';
-      avatar.textContent = avatarIcon;
       var bubble = document.createElement('div');
       bubble.className = 'message-bubble';
+      var messageDirection = resolveMessageTextDirection(text, this.textDirection);
+      bubble.dir = messageDirection;
+      var content = document.createElement(type === 'agent' ? 'div' : 'bdi');
+      content.className = type === 'agent' ? 'message-content md' : 'message-content';
+      content.dir = messageDirection;
       if (type === 'agent') {
         // Agent copy is markdown — render it so lists/bold/tables look designed.
-        bubble.classList.add('md');
-        (0,_markdown_js__WEBPACK_IMPORTED_MODULE_1__.renderMarkdownInto)(bubble, text);
+        (0,_markdown_js__WEBPACK_IMPORTED_MODULE_1__.renderMarkdownInto)(content, text);
       } else {
-        bubble.textContent = text;
-      }
-
-      // Order is controlled by edgeClass via flex-direction
-      message.appendChild(avatar);
+        content.textContent = text;
+      }
+      var metaSpacer = document.createElement('span');
+      metaSpacer.className = 'message-meta-spacer';
+      metaSpacer.setAttribute('aria-hidden', 'true');
+      var inlineElements = {
+        content: content,
+        spacer: metaSpacer
+      };
+      bubble.append.apply(bubble, _toConsumableArray(messageInlineOrder(this.textDirection).map(function (key) {
+        return inlineElements[key];
+      })));
+      if (type !== 'agent') {
+        this.addMessageExpansion(content, text, metaSpacer);
+      }
+      var meta = document.createElement('div');
+      meta.className = 'message-meta';
+      var time = document.createElement('span');
+      time.textContent = options.time || this.messageTime();
+      meta.appendChild(time);
+      if (type === 'user') {
+        var checks = document.createElement('span');
+        checks.className = 'message-delivery-checks';
+        checks.textContent = options.deliveryChecks === 1 ? '✓' : '✓✓';
+        meta.appendChild(checks);
+      }
+      bubble.appendChild(meta);
       message.appendChild(bubble);
       messages.appendChild(message);
       messages.scrollTop = messages.scrollHeight;
@@ -37989,27 +38365,28 @@ var TextInterface = /*#__PURE__*/function () {
   }, {
     key: "beginStreaming",
     value: function beginStreaming() {
-      var _this$config$messages3;
       var messages = this.shadowRoot.getElementById('messagesContainer');
       if (!messages) return;
 
       // Clean any previous indicator
       this.stopStreamingState();
       var el = document.createElement('div');
-      var edgeClass = this.config.direction === 'rtl' ? 'edge-right' : 'edge-left';
+      var edgeClass = 'edge-left';
       el.className = "message agent ".concat(edgeClass);
       el.id = 'agent-streaming';
-      var avatar = document.createElement('div');
-      avatar.className = 'message-avatar agent';
-      avatar.textContent = ((_this$config$messages3 = this.config.messages) === null || _this$config$messages3 === void 0 ? void 0 : _this$config$messages3.agentAvatarIcon) || '🤖';
       var bubble = document.createElement('div');
       bubble.className = 'message-bubble';
+      bubble.dir = this.textDirection;
       // show typing dots until first chunk
       bubble.innerHTML = '<span class="typing-indicator"><span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span></span>';
-      el.appendChild(avatar);
+      var meta = document.createElement('div');
+      meta.className = 'message-meta';
+      meta.textContent = this.messageTime();
+      bubble.appendChild(meta);
       el.appendChild(bubble);
       messages.appendChild(el);
       this.streamingEl = bubble;
+      this.streamingBubble = bubble;
       this.hasStartedStreaming = false;
       this._pendingMedia = []; // Buffer for images that arrive before next text chunk
       this._streamBuffer = ''; // Raw markdown of the segment currently being written
@@ -38039,7 +38416,9 @@ var TextInterface = /*#__PURE__*/function () {
       if (this._streamSegmentEl || !this.streamingEl) return this._streamSegmentEl;
       var seg = document.createElement('div');
       seg.className = 'md-seg md';
-      this.streamingEl.appendChild(seg);
+      seg.dir = this.streamingEl.dir || this.textDirection;
+      var meta = this.streamingEl.querySelector('.message-meta');
+      this.streamingEl.insertBefore(seg, meta || null);
       this._streamSegmentEl = seg;
       return seg;
     }
@@ -38104,6 +38483,8 @@ var TextInterface = /*#__PURE__*/function () {
     value: function appendStreamingChunk(chunk) {
       if (!this.streamingEl || typeof chunk !== 'string' || chunk === '') return;
       this._clearTypingIndicator();
+      var direction = resolveMessageTextDirection(this._streamBuffer + chunk, this.textDirection);
+      if (this.streamingBubble) this.streamingBubble.dir = direction;
       this._streamBuffer += chunk;
       this._scheduleStreamRender();
     }
@@ -38241,6 +38622,8 @@ var TextInterface = /*#__PURE__*/function () {
         // so re-render from it. With media, the bubble is a mix of segments and
         // galleries that fullText can't describe — keep what streaming produced.
         if (!hasGalleries && typeof fullText === 'string' && fullText) {
+          var direction = resolveMessageTextDirection(fullText, this.textDirection);
+          if (this.streamingBubble) this.streamingBubble.dir = direction;
           this._streamBuffer = fullText;
         }
         this._renderStreamSegment();
@@ -38251,6 +38634,7 @@ var TextInterface = /*#__PURE__*/function () {
         var container = this.shadowRoot.getElementById('agent-streaming');
         if (container) container.id = '';
         this.streamingEl = null;
+        this.streamingBubble = null;
         this._pendingMedia = [];
       }
       this.updateSendButtonState();
@@ -38266,6 +38650,7 @@ var TextInterface = /*#__PURE__*/function () {
       var existing = this.shadowRoot.getElementById('agent-streaming');
       if (existing) existing.remove();
       this.streamingEl = null;
+      this.streamingBubble = null;
       this.hasStartedStreaming = false;
       this._streamBuffer = '';
       this._streamSegmentEl = null;
@@ -38283,11 +38668,11 @@ var TextInterface = /*#__PURE__*/function () {
       // Check if this is a domain validation error
       var isDomainError = error && (error.message === 'DOMAIN_NOT_WHITELISTED' || typeof error === 'string' && error.includes('DOMAIN_NOT_WHITELISTED') || error.message && error.message.includes('Domain not whitelisted') || typeof error === 'string' && error.includes('Domain not whitelisted'));
       if (isDomainError) {
-        var _this$config$messages4;
+        var _this$config$messages;
         // Show domain error with title and message
         var errorContainer = document.createElement('div');
         errorContainer.className = 'error-message';
-        errorContainer.style.cssText = 'padding: 16px; margin: 12px; border-radius: 8px; background: ' + (((_this$config$messages4 = this.config.messages) === null || _this$config$messages4 === void 0 ? void 0 : _this$config$messages4.errorBackgroundColor) || '#FEE2E2') + ';';
+        errorContainer.style.cssText = 'padding: 16px; margin: 12px; border-radius: 8px; background: ' + (((_this$config$messages = this.config.messages) === null || _this$config$messages === void 0 ? void 0 : _this$config$messages.errorBackgroundColor) || '#FEE2E2') + ';';
         var title = document.createElement('div');
         title.style.cssText = 'font-weight: 600; font-size: 17px; margin-bottom: 8px; color: #991B1B;';
         title.textContent = this.t('domainNotValidated');
@@ -38298,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;
@@ -44555,10 +44941,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "Hello! How can I help?",
     "sendMessage": "Send a message to get started",
     "online": "Online",
+    "chatAssistant": "Chat Assistant",
     "newChat": "New Chat",
     "back": "Back",
     "backToModeChoice": "Voice or text",
     "close": "Close",
+    "home": "Home",
     "error": "Error",
     "typeMessage": "Type your message...",
     "sendMessageAria": "Send message",
@@ -44599,10 +44987,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "שלום! איך אפשר לעזור?",
     "sendMessage": "שלח הודעה או עבור למצב קולי לשיחה בזמן אמת",
     "online": "מקוון",
+    "chatAssistant": "עוזר צ׳אט",
     "newChat": "צ'אט חדש",
     "back": "חזור",
     "backToModeChoice": "קול או טקסט",
     "close": "סגור",
+    "home": "דף הבית",
     "error": "שגיאה",
     "typeMessage": "הקלד הודעה...",
     "sendMessageAria": "שלח הודעה",
@@ -44643,10 +45033,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "مرحبا! كيف يمكنني المساعدة؟",
     "sendMessage": "أرسل رسالة للبدء",
     "online": "متصل",
+    "chatAssistant": "مساعد الدردشة",
     "newChat": "محادثة جديدة",
     "back": "رجوع",
     "backToModeChoice": "صوت أو نص",
     "close": "إغلاق",
+    "home": "الرئيسية",
     "error": "خطأ",
     "typeMessage": "اكتب رسالة...",
     "sendMessageAria": "إرسال رسالة",
@@ -44687,10 +45079,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "Привет! Как я могу помочь?",
     "sendMessage": "Отправьте сообщение для начала",
     "online": "В сети",
+    "chatAssistant": "Чат-ассистент",
     "newChat": "Новый чат",
     "back": "Назад",
     "backToModeChoice": "Голос или текст",
     "close": "Закрыть",
+    "home": "Главная",
     "error": "Ошибка",
     "typeMessage": "Введите сообщение...",
     "sendMessageAria": "Отправить сообщение",
@@ -44731,10 +45125,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "¡Hola! ¿Cómo puedo ayudarte?",
     "sendMessage": "Envía un mensaje para comenzar",
     "online": "En línea",
+    "chatAssistant": "Asistente de chat",
     "newChat": "Nuevo chat",
     "back": "Atrás",
     "backToModeChoice": "Voz o texto",
     "close": "Cerrar",
+    "home": "Inicio",
     "error": "Error",
     "typeMessage": "Escribe un mensaje...",
     "sendMessageAria": "Enviar mensaje",
@@ -44775,10 +45171,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "Bonjour! Comment puis-je vous aider?",
     "sendMessage": "Envoyez un message pour commencer",
     "online": "En ligne",
+    "chatAssistant": "Assistant de chat",
     "newChat": "Nouveau chat",
     "back": "Retour",
     "backToModeChoice": "Voix ou texte",
     "close": "Fermer",
+    "home": "Accueil",
     "error": "Erreur",
     "typeMessage": "Tapez votre message...",
     "sendMessageAria": "Envoyer un message",
@@ -44819,10 +45217,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "Hallo! Wie kann ich helfen?",
     "sendMessage": "Senden Sie eine Nachricht zum Starten",
     "online": "Online",
+    "chatAssistant": "Chat-Assistent",
     "newChat": "Neuer Chat",
     "back": "Zurück",
     "backToModeChoice": "Sprache oder Text",
     "close": "Schließen",
+    "home": "Startseite",
     "error": "Fehler",
     "typeMessage": "Geben Sie eine Nachricht ein...",
     "sendMessageAria": "Nachricht senden",