ttp-agent-sdk 2.46.3 → 2.48.0

package/dist/agent-widget.dev.js

@@ -9644,6 +9644,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   buildAudioConstraints: () => (/* binding */ buildAudioConstraints),
 /* harmony export */   "default": () => (/* binding */ AudioRecorder)
 /* harmony export */ });
 /* harmony import */ var _EventEmitter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EventEmitter.js */ "./src/core/EventEmitter.js");
@@ -11993,7 +11994,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
 
       // SDK build time for debugging
       if (true) {
-        helloMessage.lastBuildTime = "2026-07-13T09:55:44.731Z";
+        helloMessage.lastBuildTime = "2026-08-02T10:38:16.158Z";
       }
       try {
         this.ws.send(JSON.stringify(helloMessage));
@@ -15310,7 +15311,8 @@ var MobileProductCarousel = /*#__PURE__*/function () {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   PartnerScriptRunner: () => (/* binding */ PartnerScriptRunner),
-/* harmony export */   buildRunPartnerScriptTool: () => (/* binding */ buildRunPartnerScriptTool)
+/* harmony export */   buildRunPartnerScriptTool: () => (/* binding */ buildRunPartnerScriptTool),
+/* harmony export */   compileAdapter: () => (/* binding */ compileAdapter)
 /* harmony export */ });
 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; }
@@ -15476,19 +15478,62 @@ var AsyncFunction = Object.getPrototypeOf(/*#__PURE__*/_asyncToGenerator(/*#__PU
 // back to compiling the code as a plain body. AsyncFunction (not
 // `new Function`) enforces an async execution context — no accidental sync
 // adapter bodies.
+//
+// Detection runs against the code with leading comments removed. Adapters are
+// routinely authored with a header comment block above the function, and a
+// header-prefixed function expression that falls through to body compilation
+// is a *silent* no-op: `// h\nasync (ctx) => {...}` is a syntactically valid
+// statement body that merely constructs the arrow and discards it, so the
+// adapter compiles, "succeeds", and returns undefined without ever running.
 var FN_EXPR_RE = /^\s*(async[\s(])|^\s*function\b|^\s*\(|^\s*[A-Za-z_$][\w$]*\s*=>/;
+
+// Drop leading whitespace and `//` / `/* */` comments. Detection-only — the
+// original source is always what gets compiled, so comments (and the line
+// numbers they occupy in stack traces) are preserved.
+function stripLeadingComments(code) {
+  var i = 0;
+  for (;;) {
+    while (i < code.length && /\s/.test(code[i])) i++;
+    if (code.startsWith('//', i)) {
+      var nl = code.indexOf('\n', i);
+      if (nl === -1) return '';
+      i = nl + 1;
+    } else if (code.startsWith('/*', i)) {
+      var end = code.indexOf('*/', i + 2);
+      if (end === -1) return '';
+      i = end + 2;
+    } else {
+      return code.slice(i);
+    }
+  }
+}
+
+/**
+ * Exported so the offline adapter verifier (`scripts/verify-adapter.mjs`) can
+ * gate authored scripts through the exact compiler the SDK uses at runtime,
+ * rather than a copy that can drift out of sync with it.
+ * @returns {{fn: Function, style: 'expression'|'body'}}
+ */
 function compileAdapter(codeJs) {
-  if (FN_EXPR_RE.test(codeJs)) {
+  if (FN_EXPR_RE.test(stripLeadingComments(codeJs))) {
     try {
+      // Newline before `)` so a trailing `//` comment can't swallow it.
       // eslint-disable-next-line no-new-func
-      return new AsyncFunction('ctx', "\"use strict\"; return (".concat(codeJs, ").call(null, ctx);"));
+      var fn = new AsyncFunction('ctx', "\"use strict\"; return (".concat(codeJs, "\n).call(null, ctx);"));
+      return {
+        fn: fn,
+        style: 'expression'
+      };
     } catch (e) {
       // Looked like an expression but doesn't parse as one (e.g. an
       // IIFE-opening statement body) — fall through to body compilation.
     }
   }
   // eslint-disable-next-line no-new-func
-  return new AsyncFunction('ctx', "\"use strict\"; ".concat(codeJs));
+  return {
+    fn: new AsyncFunction('ctx', "\"use strict\"; ".concat(codeJs)),
+    style: 'body'
+  };
 }
 
 // Cheap 32-bit string hash, rendered as 12 hex chars. NOT cryptographic —
@@ -15607,7 +15652,7 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, PartnerScriptRunner);
     this.genericCtx = !!(opts && opts.genericCtx);
-    /** @type {Map<string, {fn?: Function, version?: number, codeSha256?: string, meta?: object, category?: string|null, beforeActions?: string[], afterActions?: string[], poisoned?: boolean, error?: string}>} */
+    /** @type {Map<string, {fn?: Function, style?: 'expression'|'body', version?: number, codeSha256?: string, meta?: object, category?: string|null, beforeActions?: string[], afterActions?: string[], poisoned?: boolean, error?: string}>} */
     this.adapters = new Map();
     this.partnerId = null;
     this.platform = null;
@@ -15658,14 +15703,17 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
         }
         try {
           var _entry$version2, _entry$category;
-          var fn = compileAdapter(entry.code_js);
+          var _compileAdapter = compileAdapter(entry.code_js),
+            fn = _compileAdapter.fn,
+            style = _compileAdapter.style;
           // Inline pre/post hooks (optional). Compiled with the same
           // AsyncFunction strict-mode wrapper as the main body so a syntax
           // error in a hook poisons only this entry (caught below).
-          var preFn = typeof entry.pre_code_js === 'string' ? compileAdapter(entry.pre_code_js) : null;
-          var postFn = typeof entry.post_code_js === 'string' ? compileAdapter(entry.post_code_js) : null;
+          var preFn = typeof entry.pre_code_js === 'string' ? compileAdapter(entry.pre_code_js).fn : null;
+          var postFn = typeof entry.post_code_js === 'string' ? compileAdapter(entry.post_code_js).fn : null;
           this.adapters.set(action, {
             fn: fn,
+            style: style,
             preFn: preFn,
             postFn: postFn,
             version: (_entry$version2 = entry.version) !== null && _entry$version2 !== void 0 ? _entry$version2 : null,
@@ -15932,7 +15980,7 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
                 }
               }
               ctx = this._buildCtx(args, action, entry);
-              console.log("".concat(LOG, " exec ").concat(action, " v").concat((_entry$version4 = entry.version) !== null && _entry$version4 !== void 0 ? _entry$version4 : '?', " ") + "sha=".concat((entry.codeSha256 || '').slice(0, 12)));
+              console.log("".concat(LOG, " exec ").concat(action, " v").concat((_entry$version4 = entry.version) !== null && _entry$version4 !== void 0 ? _entry$version4 : '?', " ") + "sha=".concat((entry.codeSha256 || '').slice(0, 12), " as=").concat(entry.style || '?'));
 
               // Inline pre-hook (best-effort): an error is logged and main still runs.
               if (!entry.preFn) {
@@ -21205,8 +21253,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.46.3";
-var BUILD_TIME = "2026-07-13T09:55:44.731Z";
+var VERSION = "2.48.0";
+var BUILD_TIME = "2026-08-02T10:38:16.158Z";
 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
@@ -28536,6 +28584,8 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
         // The backend analyzes the audio stream and detects when user interrupts
         // Frontend only responds to backend 'barge_in' messages (handled in handleMessage())
 
+        // Report the capture track's real settings (AEC ground truth) to the backend
+        _this4._sendClientAudioInfo();
         _this4.emit('recordingStarted');
       });
       this.audioRecorder.on('recordingStopped', function () {
@@ -28809,6 +28859,83 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
         fullLocale: fullLocale
       };
     }
+
+    /**
+     * Client environment snapshot sent in hello (`client` field). Static facts known
+     * before the mic opens — device/browser identification for backend logs + Langfuse
+     * trace metadata. Audio-track ground truth (AEC etc.) is sent separately via
+     * client_audio_info once recording starts, because track settings don't exist yet.
+     */
+  }, {
+    key: "_buildClientEnv",
+    value: function _buildClientEnv() {
+      try {
+        var _uaData$mobile, _window$screen, _window$screen2;
+        var ua = navigator.userAgent || '';
+        var uaData = navigator.userAgentData;
+        var conn = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
+        var isAndroid = /Android/i.test(ua);
+        var isIos = /iPhone|iPad|iPod/i.test(ua) || ua.includes('Mac') && 'ontouchend' in document;
+        // Webview heuristic: Android WebView marks itself with "; wv)" or "Version/x.x Chrome";
+        // 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.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,
+          os: isIos ? 'ios' : isAndroid ? 'android' : 'other',
+          webview: webview,
+          screen: "".concat(((_window$screen = window.screen) === null || _window$screen === void 0 ? void 0 : _window$screen.width) || 0, "x").concat(((_window$screen2 = window.screen) === null || _window$screen2 === void 0 ? void 0 : _window$screen2.height) || 0, "@").concat(window.devicePixelRatio || 1),
+          cores: navigator.hardwareConcurrency || null,
+          memoryGb: navigator.deviceMemory || null,
+          connection: (conn === null || conn === void 0 ? void 0 : conn.effectiveType) || null
+        };
+        return env;
+      } catch (e) {
+        console.warn('⚠️ VoiceSDK v2: Failed to build client env:', e);
+        return {
+          sdkVersion:  true ? "2.48.0" : 0
+        };
+      }
+    }
+
+    /**
+     * One-shot telemetry sent right after recording starts (t:'client_audio_info').
+     * Reports the capture track's ACTUAL settings from getSettings() — echoCancellation /
+     * noiseSuppression / autoGainControl as the browser really applied them (not what we
+     * requested), which is the ground truth for diagnosing speakerphone echo barge-in —
+     * plus mic label, AudioContext rates, and whether the minimal-constraints fallback fired.
+     */
+  }, {
+    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 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 = {
+          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,
+          voiceIsolation: (_s$voiceIsolation = s.voiceIsolation) !== null && _s$voiceIsolation !== void 0 ? _s$voiceIsolation : null,
+          trackRate: (_s$sampleRate = s.sampleRate) !== null && _s$sampleRate !== void 0 ? _s$sampleRate : null,
+          channels: (_s$channelCount = s.channelCount) !== null && _s$channelCount !== void 0 ? _s$channelCount : null,
+          mic: track.label || null,
+          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.sendMessage({
+          t: 'client_audio_info',
+          audio: audio
+        });
+        console.log('🎛️ VoiceSDK v2: Sent client_audio_info:', audio);
+      } catch (e) {
+        console.warn('⚠️ VoiceSDK v2: Failed to send client_audio_info:', e);
+      }
+    }
   }, {
     key: "sendHelloMessage",
     value: function () {
@@ -28909,9 +29036,12 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
 
               // Include SDK build time for debugging
               if (true) {
-                helloMessage.lastBuildTime = "2026-07-13T09:55:44.731Z";
+                helloMessage.lastBuildTime = "2026-08-02T10:38:16.158Z";
               }
 
+              // Client environment (device/browser/webview) for backend logs + Langfuse metadata
+              helloMessage.client = this._buildClientEnv();
+
               // Page context is intentionally NOT attached to the hello message.
               // The backend caches the system prompt across turns (Anthropic prompt
               // caching), so anything that varies per-page would invalidate the
@@ -29048,15 +29178,21 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
             this.stopAudioPlayback();
             break;
           case 'stop_playing':
-            // CRITICAL: Ignore stop_playing messages that arrive too soon after audio_start
-            // Backend sometimes sends stop_playing immediately after audio_start, which cuts sentences prematurely
-            // Only honor stop_playing if it's been at least 200ms since the last audio_start
-            var timeSinceAudioStart = Date.now() - this.lastAudioStartTime;
-            var MIN_STOP_PLAYING_DELAY_MS = 200; // 200ms grace period after audio_start
-
-            if (timeSinceAudioStart < MIN_STOP_PLAYING_DELAY_MS) {
-              console.warn("\u26A0\uFE0F VoiceSDK v2: Ignoring premature stop_playing (".concat(timeSinceAudioStart, "ms after audio_start, minimum ").concat(MIN_STOP_PLAYING_DELAY_MS, "ms required)"));
-              break;
+            // An id-bearing stop is a deliberate barge-in flush and is honored UNCONDITIONALLY:
+            // the WebSocket delivers messages in order, so every segment queued locally was sent
+            // BEFORE this stop and is covered by it. The old 200ms-after-audio_start heuristic
+            // silently swallowed barge-in during long multi-sentence replies (an audio_start
+            // arrives every few hundred ms, so the quiet window never opened) — it is kept ONLY
+            // for legacy backends whose stop carries no segmentId.
+            if (message.segmentId == null) {
+              var timeSinceAudioStart = Date.now() - this.lastAudioStartTime;
+              var MIN_STOP_PLAYING_DELAY_MS = 200; // legacy grace period after audio_start
+              if (timeSinceAudioStart < MIN_STOP_PLAYING_DELAY_MS) {
+                console.warn("\u26A0\uFE0F VoiceSDK v2: Ignoring premature legacy stop_playing (".concat(timeSinceAudioStart, "ms after audio_start, minimum ").concat(MIN_STOP_PLAYING_DELAY_MS, "ms required)"));
+                break;
+              }
+            } else {
+              console.log("\uD83D\uDED1 VoiceSDK v2: Barge-in stop_playing (through segmentId ".concat(message.segmentId, ") - flushing playback"));
             }
             this.emit('stopPlaying', message);
             this.stopAudioPlayback();
@@ -30384,7 +30520,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "pauseCall",
     value: function pauseCall() {
-      var _this$audioRecorder;
+      var _this$audioRecorder4;
       if (this.isPaused) return;
       this.sendMessage({
         t: 'pause_call'
@@ -30394,7 +30530,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
         this.audioRecorder.stop();
       }
       // Flush AudioWorklet ring buffer
-      if ((_this$audioRecorder = this.audioRecorder) !== null && _this$audioRecorder !== void 0 && _this$audioRecorder.audioWorkletNode) {
+      if ((_this$audioRecorder4 = this.audioRecorder) !== null && _this$audioRecorder4 !== void 0 && _this$audioRecorder4.audioWorkletNode) {
         this.audioRecorder.audioWorkletNode.port.postMessage({
           type: 'flush'
         });
@@ -34319,14 +34455,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)
@@ -34436,7 +34573,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) || '12px',
           borderRadius: ((_userConfig$messages11 = userConfig.messages) === null || _userConfig$messages11 === void 0 ? void 0 : _userConfig$messages11.borderRadius) || 16
         }, userConfig.messages),
         // Animation Configuration
@@ -34945,7 +35082,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
         return;
       }
       this._ensureAboutStyles();
-      var version =  true ? "2.46.3" : 0;
+      var version =  true ? "2.48.0" : 0;
       var convId = this._getLastConversationId();
       var t = function t(k, fb) {
         try {
@@ -35392,9 +35529,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;
@@ -35402,6 +35539,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');
@@ -37313,12 +37456,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); }
@@ -37335,6 +37488,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  */
 
 
+
 function panelSolidBackground(panel) {
   var bg = panel === null || panel === void 0 ? void 0 : panel.backgroundColor;
   if (typeof bg !== 'string' || !bg.startsWith('#')) return '#FFFFFF';
@@ -37375,6 +37529,32 @@ 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;
+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) {
@@ -37396,6 +37576,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
@@ -37418,6 +37599,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
@@ -37425,13 +37611,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>");
     }
 
     /**
@@ -37446,15 +37637,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 || '12px';
       var panelLight;
       var topBarBg;
       var topBarBorder;
@@ -37489,31 +37684,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)';
@@ -37560,9 +37755,21 @@ var TextInterface = /*#__PURE__*/function () {
       }
       var accentRgb = rgbTupleFromChromeColor(sendButtonColor);
 
+      // Markdown tokens for the agent bubble. Derived from the two themes so the
+      // rendered structure (code, tables, rules) reads correctly on both.
+      var mdOnDark = useVoiceTheme || !panelLight;
+      var mdSubtleBg = mdOnDark ? 'rgba(255,255,255,0.10)' : 'rgba(15,23,42,0.045)';
+      var mdSubtlerBg = mdOnDark ? 'rgba(255,255,255,0.05)' : 'rgba(15,23,42,0.022)';
+      var mdBorder = mdOnDark ? 'rgba(255,255,255,0.20)' : 'rgba(15,23,42,0.10)';
+      var mdRule = mdOnDark ? 'rgba(255,255,255,0.16)' : 'rgba(15,23,42,0.08)';
+      var mdMuted = mdOnDark ? 'rgba(255,255,255,0.62)' : 'rgba(15,23,42,0.55)';
+      var mdLink = mdOnDark ? '#c7d2fe' : sendButtonColor;
+      var mdAccent = mdOnDark ? 'rgba(255,255,255,0.45)' : "rgba(".concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.55)");
+      var mdMono = "ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace";
+
       // 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      }\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      }\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: 8px 62px 8px 11px").concat(important, ";\n        padding-right: 62px").concat(important, ";\n        border-radius: 12px").concat(important, ";\n        max-width: min(72%, 420px)").concat(important, ";\n        font-size: ").concat(messageFontSize).concat(important, ";\n        line-height: 1.36").concat(important, ";\n        word-wrap: break-word").concat(important, "; \n        box-shadow: ").concat(useVoiceTheme ? 'inset 0 1px 0 rgba(255,255,255,0.36), inset 0 -1px 0 rgba(5, 3, 26, 0.18), 0 8px 20px rgba(4, 3, 22, 0.24)' : 'none').concat(important, ";\n      }\n      .message-bubble[dir=\"rtl\"] { text-align: right").concat(important, "; direction: rtl").concat(important, "; }\n      .message-bubble[dir=\"ltr\"] { text-align: left").concat(important, "; direction: ltr").concat(important, "; }\n      .message-bubble::before {\n        content: ''").concat(important, ";\n        position: absolute").concat(important, ";\n        top: 1px").concat(important, ";\n        right: 1px").concat(important, ";\n        left: 1px").concat(important, ";\n        height: 48%").concat(important, ";\n        border-radius: 11px 11px 8px 8px").concat(important, ";\n        background: linear-gradient(180deg, rgba(255,255,255,0.19), rgba(255,255,255,0))").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      .message.user .message-bubble { \n        background: ").concat(userBubbleBg).concat(important, "; \n        color: ").concat(userBubbleTextColor).concat(important, "; \n        border-top-right-radius: 4px").concat(important, ";\n      }\n      .message.agent .message-bubble {\n        background: ").concat(agentBubbleBg).concat(important, ";\n        color: ").concat(agentBubbleTextColor).concat(important, ";\n        border: ").concat(agentBubbleBorder).concat(important, ";\n        border-top-left-radius: 4px").concat(important, ";\n      }\n\n      /* ---------------------------------------------------------------\n         Rendered markdown inside the agent bubble.\n         Everything is scoped to .message-bubble so host-page styles can't\n         reach in and the user bubble (plain text) is untouched.\n         Logical properties (padding-inline-start, border-inline-start) keep\n         the layout correct in RTL locales such as Hebrew.\n      ---------------------------------------------------------------- */\n      .message-bubble.md, .message-bubble .md-seg { line-height: 1.55").concat(important, "; }\n      .message-bubble .md-seg { display: block").concat(important, "; }\n\n      .message-bubble p {\n        margin: 0 0 10px").concat(important, ";\n        padding: 0").concat(important, ";\n      }\n      /* Deliberately gated on .md / .md-seg rather than a bare\n         \".message-bubble > *\": the VOICE live-transcript row reuses the\n         .message-bubble class in this same shadow root, and its children\n         (.live-badge, .ttp-cursor) are not ours to restyle. */\n      .message-bubble.md > *:last-child,\n      .message-bubble .md-seg:last-child > *:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble.md > *:first-child,\n      .message-bubble .md-seg:first-child > *:first-child { margin-top: 0").concat(important, "; }\n\n      .message-bubble .md-h {\n        margin: 16px 0 7px").concat(important, ";\n        padding: 0").concat(important, ";\n        font-weight: 700").concat(important, ";\n        line-height: 1.3").concat(important, ";\n        color: inherit").concat(important, ";\n      }\n      .message-bubble .md-h1 { font-size: 1.18em").concat(important, "; }\n      .message-bubble .md-h2 { font-size: 1.09em").concat(important, "; }\n      .message-bubble .md-h3 { font-size: 1.02em").concat(important, "; }\n      .message-bubble .md-h4,\n      .message-bubble .md-h5,\n      .message-bubble .md-h6 {\n        font-size: 0.95em").concat(important, ";\n        letter-spacing: 0.02em").concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n\n      /* Logical properties only \u2014 a physical padding-left/border-left after\n         these would resolve to the same property and silently win in LTR. */\n      .message-bubble ul, .message-bubble ol {\n        margin: 8px 0 11px").concat(important, ";\n        padding-inline-start: 1.45em").concat(important, ";\n        list-style-position: outside").concat(important, ";\n      }\n      .message-bubble ul { list-style-type: disc").concat(important, "; }\n      .message-bubble ol { list-style-type: decimal").concat(important, "; }\n      .message-bubble ul ul { list-style-type: circle").concat(important, "; }\n      .message-bubble li {\n        margin: 0 0 5px").concat(important, ";\n        padding: 0").concat(important, ";\n        line-height: 1.5").concat(important, ";\n      }\n      .message-bubble li:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble li::marker { color: ").concat(mdAccent).concat(important, "; }\n      .message-bubble li > ul, .message-bubble li > ol { margin: 5px 0 2px").concat(important, "; }\n      .message-bubble li > p { margin: 0 0 5px").concat(important, "; }\n\n      .message-bubble strong, .message-bubble b { font-weight: 700").concat(important, "; }\n      .message-bubble em, .message-bubble i { font-style: italic").concat(important, "; }\n      .message-bubble del { text-decoration: line-through").concat(important, "; opacity: 0.7").concat(important, "; }\n\n      .message-bubble a {\n        color: ").concat(mdLink).concat(important, ";\n        text-decoration: underline").concat(important, ";\n        text-underline-offset: 2px").concat(important, ";\n        word-break: break-word").concat(important, ";\n      }\n      .message-bubble a:hover { opacity: 0.82").concat(important, "; }\n\n      .message-bubble code {\n        font-family: ").concat(mdMono).concat(important, ";\n        font-size: 0.88em").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 5px").concat(important, ";\n        padding: 1px 5px").concat(important, ";\n        white-space: break-spaces").concat(important, ";\n        word-break: break-word").concat(important, ";\n        direction: ltr").concat(important, ";\n        unicode-bidi: embed").concat(important, ";\n      }\n      .message-bubble pre {\n        margin: 10px 0 11px").concat(important, ";\n        padding: 10px 12px").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 10px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        direction: ltr").concat(important, ";\n        text-align: left").concat(important, ";\n      }\n      .message-bubble pre code {\n        background: none").concat(important, ";\n        border: none").concat(important, ";\n        border-radius: 0").concat(important, ";\n        padding: 0").concat(important, ";\n        font-size: 0.85em").concat(important, ";\n        line-height: 1.5").concat(important, ";\n        white-space: pre").concat(important, ";\n        word-break: normal").concat(important, ";\n      }\n\n      .message-bubble blockquote {\n        margin: 10px 0").concat(important, ";\n        padding-block: 2px").concat(important, ";\n        padding-inline-start: 12px").concat(important, ";\n        padding-inline-end: 0").concat(important, ";\n        border-inline-start: 3px solid ").concat(mdAccent).concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n      .message-bubble blockquote > *:last-child { margin-bottom: 0").concat(important, "; }\n\n      .message-bubble hr {\n        border: none").concat(important, ";\n        border-top: 1px solid ").concat(mdRule).concat(important, ";\n        height: 0").concat(important, ";\n        margin: 13px 0").concat(important, ";\n      }\n\n      .message-bubble .md-table-wrap {\n        margin: 10px 0 11px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 9px").concat(important, ";\n      }\n      .message-bubble table {\n        border-collapse: collapse").concat(important, ";\n        width: 100%").concat(important, ";\n        font-size: 0.93em").concat(important, ";\n      }\n      .message-bubble th, .message-bubble td {\n        padding: 7px 11px").concat(important, ";\n        text-align: start").concat(important, ";\n        border-bottom: 1px solid ").concat(mdBorder).concat(important, ";\n        vertical-align: top").concat(important, ";\n      }\n      .message-bubble thead th {\n        background: ").concat(mdSubtleBg).concat(important, ";\n        font-weight: 700").concat(important, ";\n      }\n      .message-bubble tbody tr:nth-child(even) { background: ").concat(mdSubtlerBg).concat(important, "; }\n      .message-bubble tbody tr:last-child td { border-bottom: none").concat(important, "; }\n\n      .message-bubble .md-img {\n        display: block").concat(important, ";\n        max-width: 100%").concat(important, ";\n        height: auto").concat(important, ";\n        border-radius: 8px").concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n\n      .message.user { \n        align-self: stretch").concat(important, ";\n        align-items: stretch").concat(important, ";\n      }\n      .message.agent {\n        align-self: stretch").concat(important, ";\n        align-items: stretch").concat(important, ";\n      }\n      .message.user .message-bubble {\n        margin-left: auto").concat(important, ";\n        margin-right: 0").concat(important, ";\n      }\n      .message.agent .message-bubble {\n        margin-left: 0").concat(important, ";\n        margin-right: auto").concat(important, ";\n      }\n      .message-meta {\n        position: absolute").concat(important, ";\n        right: 11px").concat(important, ";\n        bottom: 8px").concat(important, ";\n        z-index: 2").concat(important, ";\n        display: inline-flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 5px").concat(important, ";\n        margin: 0").concat(important, ";\n        color: rgba(255,255,255,0.55)").concat(important, ";\n        font-size: 9px").concat(important, ";\n        line-height: 1").concat(important, ";\n        direction: ltr").concat(important, ";\n        white-space: nowrap").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      .message.user .message-meta {\n        color: rgba(255,255,255,0.74)").concat(important, ";\n      }\n      .message-content { position: relative").concat(important, "; z-index: 1").concat(important, "; display: inline").concat(important, "; overflow-wrap: anywhere").concat(important, "; word-break: break-word").concat(important, "; direction: inherit").concat(important, "; }\n      .message-meta-spacer { display: inline-block").concat(important, "; width: 0").concat(important, "; height: 1px").concat(important, "; }\n      .message-delivery-checks { color: rgba(255,255,255,0.92)").concat(important, "; font-weight: 700").concat(important, "; letter-spacing: -2px").concat(important, "; }\n      .message-expand-button {\n        position: relative").concat(important, ";\n        z-index: 3").concat(important, ";\n        margin: 0 4px").concat(important, ";\n        padding: 0").concat(important, ";\n        border: 0").concat(important, ";\n        background: transparent").concat(important, ";\n        color: #c4b5fd").concat(important, ";\n        font: inherit").concat(important, ";\n        font-size: 0.78em").concat(important, ";\n        font-weight: 600").concat(important, ";\n        line-height: inherit").concat(important, ";\n        text-decoration: underline").concat(important, ";\n        text-underline-offset: 2px").concat(important, ";\n        cursor: pointer").concat(important, ";\n      }\n      .message-expand-button:hover { color: #ede9fe").concat(important, "; }\n      .message-avatar { \n        width: ").concat(avatarSize).concat(important, "; \n        height: ").concat(avatarSize).concat(important, "; \n        min-width: ").concat(avatarSize).concat(important, "; \n        border-radius: 50%").concat(important, "; \n        display: flex").concat(important, "; \n        align-items: center").concat(important, "; \n        justify-content: center").concat(important, "; \n        flex-shrink: 0").concat(important, "; \n        color: inherit").concat(important, "; \n        font-size: ").concat(useVoiceTheme ? '14' : '20', "px").concat(important, "; \n        line-height: 1").concat(important, "; \n        background: transparent").concat(important, "; \n        border: none").concat(important, "; \n        box-sizing: border-box").concat(important, "; \n      }\n      .message-avatar.user { background: ").concat(avatarUserBg).concat(important, "; color: ").concat(avatarUserColor).concat(important, "; }\n      .message-avatar.agent { background: ").concat(avatarAgentBg).concat(important, "; }\n      \n      .message.system {\n        background: ").concat(messages.systemBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      .message.error {\n        background: ").concat(messages.errorBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      \n      .input-container {\n        display: flex").concat(important, ";\n        gap: 8px").concat(important, ";\n        padding: 12px 16px").concat(important, ";\n        background: ").concat(inputContainerBg).concat(important, ";\n        border-top: 1px solid ").concat(inputContainerBorderTop).concat(important, ";\n        align-items: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        flex-direction: row").concat(important, ";\n        direction: ltr").concat(important, ";\n      }\n      .text-interface-footer {\n        position: relative").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        min-height: 28px").concat(important, ";\n        padding: 4px 12px").concat(important, ";\n        background: ").concat(topBarBg).concat(important, ";\n        border-top: 1px solid ").concat(inputContainerBorderTop).concat(important, ";\n        display: flex").concat(important, ";\n        justify-content: center").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 8px").concat(important, ";\n        direction: ltr").concat(important, ";\n      }\n      .text-interface-footer .ttp-info-btn {\n        position: absolute").concat(important, ";\n        right: 12px").concat(important, ";\n        margin-left: auto").concat(important, ";\n      }\n      .text-interface-powered {\n        color: rgba(255,255,255,0.46)").concat(important, ";\n        font-size: 10px").concat(important, ";\n        line-height: 1.2").concat(important, ";\n        text-align: center").concat(important, ";\n        white-space: nowrap").concat(important, ";\n      }\n      .text-interface-powered a {\n        color: ").concat(sendButtonColor).concat(important, ";\n        text-decoration: none").concat(important, ";\n      }\n      .text-interface.active ~ .ttp-footer {\n        display: none").concat(important, ";\n      }\n      \n      .input-wrapper {\n        position: relative").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .message-input {\n        width: 100%").concat(important, ";\n        min-height: ").concat(TEXT_INPUT_MIN_HEIGHT_PX, "px").concat(important, ";\n        max-height: ").concat(TEXT_INPUT_MAX_HEIGHT_PX, "px").concat(important, ";\n        padding: ").concat(inputPadding, ";\n        border: 1px solid ").concat(inputBorderColor, ";\n        border-radius: ").concat(inputBorderRadius, "px;\n        font-size: ").concat(inputFontSize, ";\n        font-family: inherit").concat(important, ";\n        line-height: 1.4").concat(important, ";\n        resize: none").concat(important, ";\n        overflow-y: auto").concat(important, ";\n        background: ").concat(inputBackgroundColor, ";\n        color: ").concat(inputTextColor, ";\n        vertical-align: top").concat(important, ";\n        margin: 0").concat(important, ";\n        display: block").concat(important, ";\n        white-space: pre-wrap").concat(important, ";\n        word-wrap: break-word").concat(important, ";\n        text-align: start").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n        unicode-bidi: plaintext").concat(important, ";\n        -webkit-appearance: none").concat(important, ";\n        appearance: none").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n      }\n      \n      .message-input:focus {\n        outline: none").concat(important, ";\n        border-color: ").concat(inputFocusColor, ";\n        background: ").concat(inputFocusBg).concat(important, ";\n        box-shadow: ").concat(inputFocusBoxShadow, ";\n      }\n      \n      .message-input::placeholder {\n        color: ").concat(placeholderColor).concat(important, ";\n        text-align: start").concat(important, ";\n        direction: ").concat(textDirection).concat(important, ";\n      }\n      \n      .send-button {\n        width: 38px").concat(important, ";\n        height: 38px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        border: none").concat(important, ";\n        background: linear-gradient(135deg, ").concat(sendButtonColor, ", ").concat(sendButtonHoverColor, ")").concat(important, ";\n        color: ").concat(sendButtonTextColor, ";\n        font-size: ").concat(this.config.sendButtonFontSize || ((_this$config$panel15 = this.config.panel) === null || _this$config$panel15 === void 0 ? void 0 : _this$config$panel15.sendButtonFontSize) || '16px', ";\n        font-weight: ").concat(this.config.sendButtonFontWeight || ((_this$config$panel16 = this.config.panel) === null || _this$config$panel16 === void 0 ? void 0 : _this$config$panel16.sendButtonFontWeight) || '500', ";\n        cursor: pointer").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        transition: all 0.2s ease").concat(important, ";\n        box-shadow: 0 4px 12px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.32)").concat(important, ";\n      }\n      .send-icon {\n        width: 18px").concat(important, ";\n        height: 18px").concat(important, ";\n        fill: none").concat(important, ";\n        stroke: currentColor").concat(important, ";\n        stroke-width: 2.1").concat(important, ";\n        stroke-linecap: round").concat(important, ";\n        stroke-linejoin: round").concat(important, ";\n      }\n      \n      .send-button:hover:not(:disabled) {\n        background: ").concat(sendButtonHoverColor, ";\n        transform: scale(1.05)").concat(important, ";\n        box-shadow: 0 6px 16px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.42)").concat(important, ";\n      }\n      \n      .send-button-hint {\n        width: 100%").concat(important, ";\n        text-align: center").concat(important, ";\n        margin-top: 4px").concat(important, ";\n      }\n      \n      .send-button:disabled {\n        opacity: 0.5").concat(important, ";\n        cursor: not-allowed").concat(important, ";\n      }\n      \n      .typing-indicator {\n        display: inline-flex").concat(important, ";\n        gap: 4px").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .typing-dot {\n        width: 6px").concat(important, ";\n        height: 6px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", ").concat(typingDotAlpha, ")").concat(important, ";\n        animation: typingDot 1.4s ease-in-out infinite").concat(important, ";\n      }\n      \n      .typing-dot:nth-child(2) { animation-delay: 0.2s").concat(important, "; }\n      .typing-dot:nth-child(3) { animation-delay: 0.4s").concat(important, "; }\n      \n      @keyframes typingDot {\n        0%, 60%, 100% { transform: translateY(0); opacity: 0.7; }\n        30% { transform: translateY(-8px); opacity: 1; }\n      }\n      \n      .error-message {\n        padding: 12px").concat(important, ";\n        background: ").concat(errorBubbleBg, ";\n        border-radius: ").concat(messages.borderRadius, "px;\n        color: ").concat(errorBubbleColor).concat(important, ";\n        border: ").concat(errorBubbleBorder).concat(important, ";\n        font-size: ").concat(messages.fontSize).concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n      \n      ").concat(useVoiceTheme ? "\n      #textInterface.active .input-container .send-button-hint {\n        color: rgba(255,255,255,0.72)".concat(important, ";\n      }\n      ") : '', "\n      \n      @media (max-width: 768px) {\n        #messagesContainer {\n          padding: 12px").concat(important, ";\n          gap: 12px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 85%").concat(important, ";\n          font-size: ").concat(messages.fontSize).concat(important, ";\n          padding: 12px 62px 12px 14px").concat(important, ";\n          padding-right: 62px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 10px").concat(important, ";\n          gap: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important; /* Prevents iOS zoom on focus */\n          padding: 10px 14px").concat(important, ";\n          min-height: 44px").concat(important, ";\n        }\n        \n        #text-chat-send {\n          min-width: 56px").concat(important, ";\n          min-height: 44px").concat(important, ";\n          width: 56px").concat(important, ";\n          height: 44px").concat(important, ";\n        }\n        \n        .empty-state-icon {\n          font-size: 44px").concat(important, ";\n        }\n        \n        .empty-state-title {\n          font-size: 20px").concat(important, ";\n        }\n        \n        .empty-state-text {\n          font-size: 14px").concat(important, ";\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #messagesContainer {\n          padding: 10px").concat(important, ";\n          gap: 10px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 90%").concat(important, ";\n          font-size: ").concat(messages.fontSize).concat(important, ";\n          padding: 10px 62px 10px 12px").concat(important, ";\n          padding-right: 62px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important;\n          padding: 8px 12px").concat(important, ";\n        }\n      }\n    ");
     }
 
     /**
@@ -37606,7 +37813,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();
@@ -37655,14 +37865,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
@@ -37748,6 +37961,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;
@@ -37794,10 +38008,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;
 
@@ -37807,18 +38049,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';
-      bubble.textContent = text;
-
-      // Order is controlled by edgeClass via flex-direction
-      message.appendChild(avatar);
+      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.
+        (0,_markdown_js__WEBPACK_IMPORTED_MODULE_1__.renderMarkdownInto)(content, text);
+      } else {
+        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;
@@ -37830,32 +38100,113 @@ 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
+      this._streamSegmentEl = null; // The .md-seg element that buffer renders into
       messages.scrollTop = messages.scrollHeight;
     }
 
+    /** Drop the typing dots the first time real content arrives. */
+  }, {
+    key: "_clearTypingIndicator",
+    value: function _clearTypingIndicator() {
+      if (this.hasStartedStreaming) return;
+      var dots = this.streamingEl && this.streamingEl.querySelector('.typing-indicator');
+      if (dots) dots.remove();
+      this.hasStartedStreaming = true;
+    }
+
+    /**
+     * The bubble is a sequence of text segments and image galleries. Text is kept
+     * as raw markdown per segment and re-rendered in place as tokens arrive, so a
+     * list or table only "snaps" into shape once its syntax is complete. A gallery
+     * closes the current segment, and the text after it starts a fresh one.
+     */
+  }, {
+    key: "_ensureStreamSegment",
+    value: function _ensureStreamSegment() {
+      if (this._streamSegmentEl || !this.streamingEl) return this._streamSegmentEl;
+      var seg = document.createElement('div');
+      seg.className = 'md-seg md';
+      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;
+    }
+  }, {
+    key: "_renderStreamSegment",
+    value: function _renderStreamSegment() {
+      this._cancelStreamRender();
+      if (!this._streamBuffer) return;
+      var seg = this._ensureStreamSegment();
+      if (seg) (0,_markdown_js__WEBPACK_IMPORTED_MODULE_1__.renderMarkdownInto)(seg, this._streamBuffer);
+    }
+
+    /**
+     * Coalesce re-renders — tokens arrive faster than a person can read.
+     * Deliberately a timer and not requestAnimationFrame: rAF is suspended in
+     * background tabs, so a user who switches away mid-answer would come back to
+     * a bubble that never grew. setTimeout is only throttled, not stopped.
+     */
+  }, {
+    key: "_scheduleStreamRender",
+    value: function _scheduleStreamRender() {
+      var _this3 = this;
+      if (this._streamTimer) return;
+      this._streamTimer = setTimeout(function () {
+        _this3._streamTimer = null;
+        if (!_this3.streamingEl) return;
+        _this3._renderStreamSegment();
+        _this3._scrollToBottom();
+      }, STREAM_RENDER_INTERVAL_MS);
+    }
+  }, {
+    key: "_cancelStreamRender",
+    value: function _cancelStreamRender() {
+      if (!this._streamTimer) return;
+      clearTimeout(this._streamTimer);
+      this._streamTimer = null;
+    }
+
+    /** Final render of the open segment, then start a new one for later text. */
+  }, {
+    key: "_closeStreamSegment",
+    value: function _closeStreamSegment() {
+      this._renderStreamSegment();
+      this._streamBuffer = '';
+      this._streamSegmentEl = null;
+    }
+  }, {
+    key: "_scrollToBottom",
+    value: function _scrollToBottom() {
+      var messages = this.shadowRoot.getElementById('messagesContainer');
+      if (messages) messages.scrollTop = messages.scrollHeight;
+    }
+
     /**
      * Append chunk to streaming response.
      * Does NOT flush buffered media here — media is flushed only when the
@@ -37865,24 +38216,12 @@ var TextInterface = /*#__PURE__*/function () {
   }, {
     key: "appendStreamingChunk",
     value: function appendStreamingChunk(chunk) {
-      if (!this.streamingEl) return;
-      if (!this.hasStartedStreaming) {
-        // remove typing indicator on first content
-        this.streamingEl.textContent = '';
-        this.hasStartedStreaming = true;
-      }
-
-      // Append text — use textNode if we have inline media DOM elements
-      var hasInlineMedia = this.streamingEl.querySelector('.inline-media-gallery');
-      if (hasInlineMedia) {
-        this.streamingEl.appendChild(document.createTextNode(chunk));
-      } else {
-        this.streamingEl.textContent += chunk;
-      }
-      var messages = this.shadowRoot.getElementById('messagesContainer');
-      if (messages) {
-        messages.scrollTop = messages.scrollHeight;
-      }
+      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();
     }
 
     /**
@@ -37903,10 +38242,7 @@ var TextInterface = /*#__PURE__*/function () {
     key: "appendStreamingMedia",
     value: function appendStreamingMedia(images, title) {
       if (!this.streamingEl) return;
-      if (!this.hasStartedStreaming) {
-        this.streamingEl.textContent = '';
-        this.hasStartedStreaming = true;
-      }
+      this._clearTypingIndicator();
 
       // Flush previous media — the text describing those images is complete
       this._flushPendingMedia();
@@ -37927,6 +38263,10 @@ var TextInterface = /*#__PURE__*/function () {
     value: function _flushPendingMedia() {
       if (!this._pendingMedia || this._pendingMedia.length === 0) return;
       if (!this.streamingEl) return;
+
+      // Commit the text written so far before the galleries land under it, so the
+      // text that follows them renders as its own segment instead of being merged.
+      this._closeStreamSegment();
       var _iterator = _createForOfIteratorHelper(this._pendingMedia),
         _step;
       try {
@@ -37950,7 +38290,7 @@ var TextInterface = /*#__PURE__*/function () {
   }, {
     key: "_renderInlineMedia",
     value: function _renderInlineMedia(images, title) {
-      var _this3 = this;
+      var _this4 = this;
       var gallery = document.createElement('div');
       gallery.className = 'inline-media-gallery';
       gallery.style.cssText = 'display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;';
@@ -37969,10 +38309,10 @@ var TextInterface = /*#__PURE__*/function () {
 
           // Open fullscreen gallery viewer on click (same as voice gallery)
           imgEl.addEventListener('click', function () {
-            if (!_this3._inlineGalleryHandler) {
-              _this3._inlineGalleryHandler = (0,_galleryHandler_js__WEBPACK_IMPORTED_MODULE_0__.createGalleryHandler)(_this3._widget);
+            if (!_this4._inlineGalleryHandler) {
+              _this4._inlineGalleryHandler = (0,_galleryHandler_js__WEBPACK_IMPORTED_MODULE_0__.createGalleryHandler)(_this4._widget);
             }
-            _this3._inlineGalleryHandler.handleShowMedia({
+            _this4._inlineGalleryHandler.handleShowMedia({
               images: images,
               title: title
             });
@@ -38008,20 +38348,28 @@ var TextInterface = /*#__PURE__*/function () {
     key: "finalizeStreaming",
     value: function finalizeStreaming(fullText) {
       if (this.streamingEl) {
-        // Flush any remaining buffered media
+        this._cancelStreamRender();
+        // An empty reply must not leave the typing dots spinning forever.
+        this._clearTypingIndicator();
+        var hasGalleries = !!this.streamingEl.querySelector('.inline-media-gallery') || this._pendingMedia && this._pendingMedia.length > 0;
+
+        // Without interleaved media the `done` payload is the authoritative text,
+        // 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();
+
+        // Flush trailing galleries (also commits the segment above them)
         this._flushPendingMedia();
-
-        // If we have inline media (child elements beyond text), don't overwrite with textContent
-        // as that would destroy the gallery DOM elements.
-        var hasInlineMedia = this.streamingEl.querySelector('.inline-media-gallery');
-        if (!hasInlineMedia) {
-          this.streamingEl.textContent = fullText || this.streamingEl.textContent;
-        }
-        // If hasInlineMedia, keep the DOM as-is — it already has text nodes + gallery elements
-
+        this._closeStreamSegment();
         var container = this.shadowRoot.getElementById('agent-streaming');
         if (container) container.id = '';
         this.streamingEl = null;
+        this.streamingBubble = null;
         this._pendingMedia = [];
       }
       this.updateSendButtonState();
@@ -38033,10 +38381,14 @@ var TextInterface = /*#__PURE__*/function () {
   }, {
     key: "stopStreamingState",
     value: function stopStreamingState() {
+      this._cancelStreamRender();
       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;
     }
 
     /**
@@ -38051,11 +38403,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');
@@ -38908,7 +39260,7 @@ var VoiceInterface = /*#__PURE__*/function () {
     value: function () {
       var _proceedWithVoiceCall = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
         var _this3 = this;
-        var isResumeCall, panel, header, toggleText, originalSection, compactSection, idleState, _idleState, activeState, stripOnly, voiceInterface, connected, serverRejected, originalOnError, originalOnDisconnected, attempts, _vs, vs, hasDisclaimers, sendDisclaimerAckAfterMobileMicReady, _vs$lastDisclaimerPay, disclaimerTexts, _this$config$inputFor, _this$config$connecti, micStream, primeSr, floatingButton, mobileFab, delayConfig, streamToUse, _this$sdk$voiceSDK, error, existingBar, _existingBar, _idleState2, _floatingButton, updateTimer, isDisclaimerDeclined, deviceInfo, _t, _t2, _t3, _t4, _t5;
+        var isResumeCall, panel, header, toggleText, originalSection, compactSection, idleState, _idleState, activeState, stripOnly, voiceInterface, connected, serverRejected, originalOnError, originalOnDisconnected, attempts, _vs, vs, hasDisclaimers, sendDisclaimerAckAfterMobileMicReady, _vs$lastDisclaimerPay, disclaimerTexts, _this$config$inputFor, _this$config$connecti, primeSr, audioConstraints, micStream, floatingButton, mobileFab, delayConfig, streamToUse, _this$sdk$voiceSDK, error, existingBar, _existingBar, _idleState2, _floatingButton, updateTimer, isDisclaimerDeclined, deviceInfo, _t, _t2, _t3, _t4, _t5, _t6;
         return _regenerator().w(function (_context4) {
           while (1) switch (_context4.p = _context4.n) {
             case 0:
@@ -39150,21 +39502,44 @@ var VoiceInterface = /*#__PURE__*/function () {
 
               // On mobile: get getUserMedia stream once, pass to startListening to avoid double-call
               if (!this.isMobile) {
-                _context4.n = 20;
+                _context4.n = 24;
                 break;
               }
               _context4.p = 15;
-              _context4.n = 16;
+              // This preliminary stream is REUSED as the capture stream (iOS single-stream fix),
+              // so it must carry the same AEC constraints as the desktop path — bare { audio: true }
+              // leaves echoCancellation/noiseSuppression/autoGainControl (and iOS voiceIsolation) to
+              // browser defaults, which can let speakerphone TTS echo cross VAD and trigger barge-in.
+              primeSr = ((_this$config$inputFor = this.config.inputFormat) === null || _this$config$inputFor === void 0 ? void 0 : _this$config$inputFor.sampleRate) || this.config.sampleRate || 16000;
+              audioConstraints = (0,_core_AudioRecorder_js__WEBPACK_IMPORTED_MODULE_1__.buildAudioConstraints)(primeSr, this.config.audioConstraints || {});
+              _context4.p = 16;
+              _context4.n = 17;
+              return navigator.mediaDevices.getUserMedia({
+                audio: audioConstraints
+              });
+            case 17:
+              micStream = _context4.v;
+              _context4.n = 20;
+              break;
+            case 18:
+              _context4.p = 18;
+              _t2 = _context4.v;
+              // Some devices/webviews reject specific constraints (OverconstrainedError etc.).
+              // Fall back to minimal so permission still succeeds, matching prior behavior.
+              console.warn('⚠️ Mobile getUserMedia with AEC constraints failed, retrying minimal:', (_t2 === null || _t2 === void 0 ? void 0 : _t2.name) || _t2);
+              _context4.n = 19;
               return navigator.mediaDevices.getUserMedia({
                 audio: true
               });
-            case 16:
+            case 19:
               micStream = _context4.v;
+              // Flagged so client_audio_info telemetry reports the AEC constraints were NOT applied
+              micStream._ttpConstraintsFallback = true;
+            case 20:
               this._preliminaryInputStream = micStream;
-              primeSr = ((_this$config$inputFor = this.config.inputFormat) === null || _this$config$inputFor === void 0 ? void 0 : _this$config$inputFor.sampleRate) || this.config.sampleRate || 16000;
-              _context4.n = 17;
+              _context4.n = 21;
               return _core_AudioRecorder_js__WEBPACK_IMPORTED_MODULE_1__["default"].primeSharedContext(primeSr);
-            case 17:
+            case 21:
               // Hide floating button now that permission is granted
               floatingButton = this.shadowRoot.getElementById('text-chat-button') || document.getElementById('text-chat-button');
               if (floatingButton) floatingButton.style.display = 'none';
@@ -39177,51 +39552,51 @@ var VoiceInterface = /*#__PURE__*/function () {
                 android: 3000,
                 ios: 0
               };
-              _context4.n = 18;
+              _context4.n = 22;
               return (0,_shared_applyDelay_js__WEBPACK_IMPORTED_MODULE_3__.applyDelay)(delayConfig);
-            case 18:
+            case 22:
               if (sendDisclaimerAckAfterMobileMicReady) {
                 vs.sendDisclaimerAck(true);
                 sendDisclaimerAckAfterMobileMicReady = false;
               }
-              _context4.n = 20;
+              _context4.n = 24;
               break;
-            case 19:
-              _context4.p = 19;
-              _t2 = _context4.v;
-              console.error('❌ Microphone permission denied:', _t2);
+            case 23:
+              _context4.p = 23;
+              _t3 = _context4.v;
+              console.error('❌ Microphone permission denied:', _t3);
               this._stopPreliminaryInputStream();
-              throw _t2;
-            case 20:
-              _context4.p = 20;
+              throw _t3;
+            case 24:
+              _context4.p = 24;
               streamToUse = this._preliminaryInputStream || null;
               if (streamToUse) this._preliminaryInputStream = null;
-              _context4.n = 21;
+              _context4.n = 25;
               return this.sdk.startListening(streamToUse);
-            case 21:
+            case 25:
               if (!(!this.sdk.isConnected || !this.sdk.voiceSDK || !this.sdk.voiceSDK.isConnected || !this.sdk.voiceSDK.websocket || this.sdk.voiceSDK.websocket.readyState !== WebSocket.OPEN)) {
-                _context4.n = 26;
+                _context4.n = 30;
                 break;
               }
               if (!((_this$sdk$voiceSDK = this.sdk.voiceSDK) !== null && _this$sdk$voiceSDK !== void 0 && _this$sdk$voiceSDK.isRecording)) {
-                _context4.n = 25;
+                _context4.n = 29;
                 break;
               }
-              _context4.p = 22;
-              _context4.n = 23;
+              _context4.p = 26;
+              _context4.n = 27;
               return this.sdk.voiceSDK.stopRecording();
-            case 23:
-              _context4.n = 25;
+            case 27:
+              _context4.n = 29;
               break;
-            case 24:
-              _context4.p = 24;
-              _t3 = _context4.v;
-            case 25:
+            case 28:
+              _context4.p = 28;
+              _t4 = _context4.v;
+            case 29:
               error = new Error('Connection lost - server may have rejected the call');
               error.name = 'ServerRejected';
               error.isServerRejection = true;
               throw error;
-            case 26:
+            case 30:
               console.log('🎤 Started listening - permission granted');
               this._stopPreliminaryInputStream();
               this.isActive = true;
@@ -39244,19 +39619,19 @@ var VoiceInterface = /*#__PURE__*/function () {
                 this.startDesktopWaveformAnimation();
                 this.desktop.startLiveWaveformInterval();
               }
-              _context4.n = 29;
+              _context4.n = 33;
               break;
-            case 27:
-              _context4.p = 27;
-              _t4 = _context4.v;
-              if (!(_t4.isServerRejection || _t4.name === 'ServerRejected')) {
-                _context4.n = 28;
+            case 31:
+              _context4.p = 31;
+              _t5 = _context4.v;
+              if (!(_t5.isServerRejection || _t5.name === 'ServerRejected')) {
+                _context4.n = 32;
                 break;
               }
               this.resetConnectingState();
-              throw _t4;
-            case 28:
-              console.error('❌ Failed to start listening:', _t4);
+              throw _t5;
+            case 32:
+              console.error('❌ Failed to start listening:', _t5);
               this.resetConnectingState();
               if (this.isMobile) {
                 _existingBar = document.getElementById('mobile-voice-call-bar-container');
@@ -39271,8 +39646,8 @@ var VoiceInterface = /*#__PURE__*/function () {
                   this.config.onDesktopMinimizedStripLauncherRestore();
                 } catch (_) {}
               }
-              throw _t4;
-            case 29:
+              throw _t5;
+            case 33:
               // Start timer (desktop only - mobile bar owns its own timer)
               if (!this.isMobile && !this.callStartTime) {
                 this.callStartTime = Date.now();
@@ -39291,14 +39666,14 @@ var VoiceInterface = /*#__PURE__*/function () {
                 }, 100);
               }
               console.log('✅ Voice call started successfully');
-              _context4.n = 36;
+              _context4.n = 40;
               break;
-            case 30:
-              _context4.p = 30;
-              _t5 = _context4.v;
-              isDisclaimerDeclined = _t5 && _t5.message === 'DISCLAIMER_DECLINED'; // Handle server rejection gracefully (don't log as error)
-              if (!(_t5.isServerRejection || _t5.name === 'ServerRejected') && !isDisclaimerDeclined) {
-                console.error('❌ Error starting voice call:', _t5);
+            case 34:
+              _context4.p = 34;
+              _t6 = _context4.v;
+              isDisclaimerDeclined = _t6 && _t6.message === 'DISCLAIMER_DECLINED'; // Handle server rejection gracefully (don't log as error)
+              if (!(_t6.isServerRejection || _t6.name === 'ServerRejected') && !isDisclaimerDeclined) {
+                console.error('❌ Error starting voice call:', _t6);
               }
               this._stopPreliminaryInputStream();
 
@@ -39330,7 +39705,7 @@ var VoiceInterface = /*#__PURE__*/function () {
               // User declined server disclaimer: full idle reset (not just resetConnectingState —
               // connect path shows voiceActiveState on desktop; without hiding it, call UI stays visible).
               if (!isDisclaimerDeclined) {
-                _context4.n = 31;
+                _context4.n = 35;
                 break;
               }
               this.resetUIState();
@@ -39340,12 +39715,12 @@ var VoiceInterface = /*#__PURE__*/function () {
                 this.config.onCallEnd();
               }
               return _context4.a(2);
-            case 31:
+            case 35:
               this.resetConnectingState();
 
               // Handle specific error types with appropriate modals
-              if (!(_t5.name === 'NotAllowedError' || _t5.name === 'PermissionDeniedError')) {
-                _context4.n = 32;
+              if (!(_t6.name === 'NotAllowedError' || _t6.name === 'PermissionDeniedError')) {
+                _context4.n = 36;
                 break;
               }
               // Permission denied - show blocked modal
@@ -39357,37 +39732,37 @@ var VoiceInterface = /*#__PURE__*/function () {
                 // User clicked refresh
                 window.location.reload();
               });
-              _context4.n = 36;
+              _context4.n = 40;
               break;
-            case 32:
-              if (!(_t5.name === 'NotFoundError' || _t5.name === 'DevicesNotFoundError')) {
-                _context4.n = 33;
+            case 36:
+              if (!(_t6.name === 'NotFoundError' || _t6.name === 'DevicesNotFoundError')) {
+                _context4.n = 37;
                 break;
               }
               // No microphone found - show no mic modal
               (0,_shared_MicPermissionModals_js__WEBPACK_IMPORTED_MODULE_4__.showNoMicrophoneModal)(function () {
                 _this3.resetUIState();
               });
-              _context4.n = 36;
+              _context4.n = 40;
               break;
-            case 33:
-              if (!(_t5 && (_t5.message === 'DOMAIN_NOT_WHITELISTED' || _t5.message && _t5.message.includes('Domain not whitelisted')))) {
-                _context4.n = 35;
+            case 37:
+              if (!(_t6 && (_t6.message === 'DOMAIN_NOT_WHITELISTED' || _t6.message && _t6.message.includes('Domain not whitelisted')))) {
+                _context4.n = 39;
                 break;
               }
-              _context4.n = 34;
+              _context4.n = 38;
               return this.endCallOnServerRejection();
-            case 34:
-              _context4.n = 36;
+            case 38:
+              _context4.n = 40;
               break;
-            case 35:
+            case 39:
               // Other errors - show in transcript
-              this.showError(_t5.message || _t5);
+              this.showError(_t6.message || _t6);
               this.resetUIState();
-            case 36:
+            case 40:
               return _context4.a(2);
           }
-        }, _callee4, this, [[22, 24], [20, 27], [15, 19], [2, 4], [0, 30]]);
+        }, _callee4, this, [[26, 28], [24, 31], [16, 18], [15, 23], [2, 4], [0, 34]]);
       }));
       function proceedWithVoiceCall() {
         return _proceedWithVoiceCall.apply(this, arguments);
@@ -39451,7 +39826,7 @@ var VoiceInterface = /*#__PURE__*/function () {
     key: "endCallOnServerRejection",
     value: (function () {
       var _endCallOnServerRejection = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
-        var voiceInterfaceEl, landingScreen, _this$sdk$voiceSDK2, _this$sdk$voiceSDK3, audioRecorder, isRecording, _this$sdk$voiceSDK4, activeState, idleState, floatingButton, fallbackButton, mobileFabEnd, errorMsg, _t6, _t7, _t8, _t9, _t0;
+        var voiceInterfaceEl, landingScreen, _this$sdk$voiceSDK2, _this$sdk$voiceSDK3, audioRecorder, isRecording, _this$sdk$voiceSDK4, activeState, idleState, floatingButton, fallbackButton, mobileFabEnd, errorMsg, _t7, _t8, _t9, _t0, _t1;
         return _regenerator().w(function (_context5) {
           while (1) switch (_context5.p = _context5.n) {
             case 0:
@@ -39513,8 +39888,8 @@ var VoiceInterface = /*#__PURE__*/function () {
               break;
             case 4:
               _context5.p = 4;
-              _t6 = _context5.v;
-              console.warn('Error sending stop message to AudioWorklet:', _t6);
+              _t7 = _context5.v;
+              console.warn('Error sending stop message to AudioWorklet:', _t7);
             case 5:
               if (!(this.sdk.voiceSDK && typeof this.sdk.voiceSDK.stopRecording === 'function')) {
                 _context5.n = 10;
@@ -39529,8 +39904,8 @@ var VoiceInterface = /*#__PURE__*/function () {
               break;
             case 8:
               _context5.p = 8;
-              _t7 = _context5.v;
-              console.warn('Error calling stopRecording:', _t7);
+              _t8 = _context5.v;
+              console.warn('Error calling stopRecording:', _t8);
             case 9:
               _context5.n = 14;
               break;
@@ -39550,8 +39925,8 @@ var VoiceInterface = /*#__PURE__*/function () {
               break;
             case 13:
               _context5.p = 13;
-              _t8 = _context5.v;
-              console.warn('Error calling stopListening:', _t8);
+              _t9 = _context5.v;
+              console.warn('Error calling stopListening:', _t9);
             case 14:
               if (!(audioRecorder && typeof audioRecorder.stop === 'function')) {
                 _context5.n = 18;
@@ -39566,8 +39941,8 @@ var VoiceInterface = /*#__PURE__*/function () {
               break;
             case 17:
               _context5.p = 17;
-              _t9 = _context5.v;
-              console.warn('Error calling AudioRecorder.stop():', _t9);
+              _t0 = _context5.v;
+              console.warn('Error calling AudioRecorder.stop():', _t0);
             case 18:
               console.log('✅ Audio capture/VAD stopped');
             case 19:
@@ -39599,8 +39974,8 @@ var VoiceInterface = /*#__PURE__*/function () {
               break;
             case 20:
               _context5.p = 20;
-              _t0 = _context5.v;
-              console.warn('Error stopping listening on server rejection:', _t0);
+              _t1 = _context5.v;
+              console.warn('Error stopping listening on server rejection:', _t1);
               // Force stop media streams even if stopListening fails
               try {
                 if ((_this$sdk$voiceSDK4 = this.sdk.voiceSDK) !== null && _this$sdk$voiceSDK4 !== void 0 && (_this$sdk$voiceSDK4 = _this$sdk$voiceSDK4.audioRecorder) !== null && _this$sdk$voiceSDK4 !== void 0 && _this$sdk$voiceSDK4.mediaStream) {
@@ -41037,6 +41412,829 @@ function createGalleryHandler(widget) {
 
 /***/ }),
 
+/***/ "./src/widget/markdown.js":
+/*!********************************!*\
+  !*** ./src/widget/markdown.js ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   parseInline: () => (/* binding */ parseInline),
+/* harmony export */   parseMarkdown: () => (/* binding */ parseMarkdown),
+/* harmony export */   renderMarkdownInto: () => (/* binding */ renderMarkdownInto),
+/* harmony export */   safeHref: () => (/* binding */ safeHref)
+/* harmony export */ });
+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; }
+/**
+ * markdown.js — tiny, dependency-free Markdown renderer for chat bubbles.
+ *
+ * Split in two halves on purpose:
+ *   parseMarkdown(text) -> block AST   — pure JS, unit-tested in scripts/markdown.test.mjs
+ *   renderMarkdownInto(el, text)       — walks the AST and builds real DOM nodes
+ *
+ * XSS: content is only ever placed with document.createTextNode / element
+ * properties. Nothing is written through innerHTML, and link hrefs go through
+ * a scheme allowlist (safeHref), so agent text can never inject markup.
+ *
+ * Streaming: the parser is total — an unterminated code fence, a half-written
+ * bold run or a truncated table never throw, they just degrade to text. That
+ * lets the caller re-render the whole accumulated buffer on every token.
+ */
+
+/* ------------------------------------------------------------------ */
+/* Block parsing                                                       */
+/* ------------------------------------------------------------------ */
+
+var FENCE_RE = /^(\s*)(`{3,}|~{3,})\s*([^\s`]*)\s*$/;
+var HEADING_RE = /^(\s{0,3})(#{1,6})\s+(.*)$/;
+var HR_RE = /^\s{0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
+var QUOTE_RE = /^\s{0,3}>\s?(.*)$/;
+var LIST_RE = /^(\s*)(?:([-*+•])|(\d{1,9})[.)])([ \t]+)(.*)$/;
+var TABLE_SEP_RE = /^\s*\|?[\s:|-]*-[\s:|-]*\|?\s*$/;
+function isBlank(line) {
+  return !line || /^\s*$/.test(line);
+}
+function indentOf(line) {
+  var m = /^[ \t]*/.exec(line)[0];
+  // treat a tab as two columns — LLMs mix tabs and spaces freely
+  return m.replace(/\t/g, '  ').length;
+}
+function matchListItem(line) {
+  var m = LIST_RE.exec(line);
+  if (!m) return null;
+  var indent = indentOf(line);
+  var markerLen = m[2] ? 1 : m[3].length + 1;
+  return {
+    indent: indent,
+    ordered: !!m[3],
+    start: m[3] ? parseInt(m[3], 10) : null,
+    contentIndent: indent + markerLen + m[4].replace(/\t/g, '  ').length,
+    text: m[5]
+  };
+}
+
+/** True when the line opens a block that must interrupt an open paragraph. */
+function startsBlock(line) {
+  return FENCE_RE.test(line) || HEADING_RE.test(line) || HR_RE.test(line) || QUOTE_RE.test(line) || matchListItem(line) !== null;
+}
+function dedent(line, columns) {
+  var seen = 0;
+  var i = 0;
+  while (i < line.length && seen < columns) {
+    var c = line[i];
+    if (c === ' ') seen += 1;else if (c === '\t') seen += 2;else break;
+    i++;
+  }
+  return line.slice(i);
+}
+function splitTableRow(line) {
+  var s = line.trim();
+  if (s.startsWith('|')) s = s.slice(1);
+  if (s.endsWith('|') && !s.endsWith('\\|')) s = s.slice(0, -1);
+  var cells = [];
+  var cur = '';
+  for (var i = 0; i < s.length; i++) {
+    if (s[i] === '\\' && s[i + 1] === '|') {
+      cur += '|';
+      i++;
+    } else if (s[i] === '|') {
+      cells.push(cur.trim());
+      cur = '';
+    } else {
+      cur += s[i];
+    }
+  }
+  cells.push(cur.trim());
+  return cells;
+}
+function parseAlignment(sepLine) {
+  return splitTableRow(sepLine).map(function (c) {
+    var left = c.startsWith(':');
+    var right = c.endsWith(':');
+    if (left && right) return 'center';
+    if (right) return 'right';
+    if (left) return 'left';
+    return null;
+  });
+}
+function parseFence(lines, i) {
+  var m = FENCE_RE.exec(lines[i]);
+  var marker = m[2][0];
+  var minLen = m[2].length;
+  var stripIndent = m[1].length;
+  var body = [];
+  var j = i + 1;
+  for (; j < lines.length; j++) {
+    var close = FENCE_RE.exec(lines[j]);
+    if (close && close[2][0] === marker && close[2].length >= minLen && !close[3]) {
+      j++;
+      break;
+    }
+    body.push(dedent(lines[j], stripIndent));
+  }
+  // an unterminated fence (mid-stream) still yields a code block
+  return {
+    node: {
+      type: 'code',
+      lang: m[3] || '',
+      text: body.join('\n')
+    },
+    next: j
+  };
+}
+function parseQuote(lines, i) {
+  var body = [];
+  var j = i;
+  for (; j < lines.length; j++) {
+    var m = QUOTE_RE.exec(lines[j]);
+    if (m) {
+      body.push(m[1]);
+      continue;
+    }
+    // lazy continuation: plain text directly under a quote line
+    if (!isBlank(lines[j]) && !startsBlock(lines[j]) && body.length && !isBlank(body[body.length - 1])) {
+      body.push(lines[j].trim());
+      continue;
+    }
+    break;
+  }
+  return {
+    node: {
+      type: 'quote',
+      blocks: parseBlocks(body)
+    },
+    next: j
+  };
+}
+function parseTable(lines, i) {
+  var head = splitTableRow(lines[i]);
+  var align = parseAlignment(lines[i + 1]);
+  var rows = [];
+  var j = i + 2;
+  for (; j < lines.length; j++) {
+    if (isBlank(lines[j]) || lines[j].indexOf('|') === -1) break;
+    var cells = splitTableRow(lines[j]);
+    while (cells.length < head.length) cells.push('');
+    rows.push(cells.slice(0, head.length).map(parseInline));
+  }
+  return {
+    node: {
+      type: 'table',
+      align: align,
+      head: head.map(parseInline),
+      rows: rows
+    },
+    next: j
+  };
+}
+function parseList(lines, i) {
+  var first = matchListItem(lines[i]);
+  var baseIndent = first.indent;
+  var ordered = first.ordered;
+  var items = [];
+  var cur = null;
+  var j = i;
+  while (j < lines.length) {
+    var line = lines[j];
+    if (isBlank(line)) {
+      var k = j + 1;
+      while (k < lines.length && isBlank(lines[k])) k++;
+      if (k >= lines.length) break;
+      var nextItem = matchListItem(lines[k]);
+      var belongs = nextItem && nextItem.indent >= baseIndent && nextItem.ordered === ordered || indentOf(lines[k]) > baseIndent;
+      if (!belongs) break;
+      if (cur) cur.lines.push('');
+      j = k;
+      continue;
+    }
+    var item = matchListItem(line);
+    if (item && item.indent <= baseIndent) {
+      // a sibling item — or a different list starting at the same level
+      if (item.indent < baseIndent || item.ordered !== ordered) break;
+      cur = {
+        lines: [item.text],
+        contentIndent: item.contentIndent
+      };
+      items.push(cur);
+      j++;
+      continue;
+    }
+    if (!cur) break;
+
+    // nested item or indented continuation
+    if (indentOf(line) > baseIndent) {
+      cur.lines.push(dedent(line, cur.contentIndent));
+      j++;
+      continue;
+    }
+
+    // lazy continuation of the current item's paragraph
+    if (startsBlock(line)) break;
+    cur.lines.push(line.trim());
+    j++;
+  }
+  return {
+    node: {
+      type: ordered ? 'ol' : 'ul',
+      start: ordered && first.start !== 1 ? first.start : null,
+      items: items.map(function (it) {
+        return {
+          blocks: parseBlocks(it.lines)
+        };
+      })
+    },
+    next: j
+  };
+}
+function parseParagraph(lines, i) {
+  var body = [];
+  var j = i;
+  for (; j < lines.length; j++) {
+    if (isBlank(lines[j])) break;
+    if (j > i && startsBlock(lines[j])) break;
+    if (j > i && lines[j].indexOf('|') !== -1 && j + 1 < lines.length && TABLE_SEP_RE.test(lines[j + 1])) {
+      break;
+    }
+    body.push(lines[j].trim());
+  }
+  return {
+    node: {
+      type: 'p',
+      inline: parseInline(body.join('\n'))
+    },
+    next: j
+  };
+}
+
+/**
+ * Parse markdown source into a block AST.
+ * @param {string} src
+ * @returns {Array<object>} block nodes
+ */
+function parseMarkdown(src) {
+  if (typeof src !== 'string' || src === '') return [];
+  return parseBlocks(src.replace(/\r\n?/g, '\n').split('\n'));
+}
+function parseBlocks(lines) {
+  var blocks = [];
+  var i = 0;
+  while (i < lines.length) {
+    var line = lines[i];
+    if (isBlank(line)) {
+      i++;
+      continue;
+    }
+    if (FENCE_RE.test(line)) {
+      var r = parseFence(lines, i);
+      blocks.push(r.node);
+      i = r.next;
+      continue;
+    }
+    if (HR_RE.test(line)) {
+      blocks.push({
+        type: 'hr'
+      });
+      i++;
+      continue;
+    }
+    var heading = HEADING_RE.exec(line);
+    if (heading) {
+      var text = heading[3].replace(/\s+#+\s*$/, '');
+      blocks.push({
+        type: 'h',
+        level: heading[2].length,
+        inline: parseInline(text)
+      });
+      i++;
+      continue;
+    }
+    if (QUOTE_RE.test(line)) {
+      var _r = parseQuote(lines, i);
+      blocks.push(_r.node);
+      i = _r.next;
+      continue;
+    }
+    if (matchListItem(line)) {
+      var _r2 = parseList(lines, i);
+      // defensive: parseList always consumes at least one line
+      if (_r2.next <= i) {
+        blocks.push({
+          type: 'p',
+          inline: parseInline(line.trim())
+        });
+        i++;
+        continue;
+      }
+      blocks.push(_r2.node);
+      i = _r2.next;
+      continue;
+    }
+    if (line.indexOf('|') !== -1 && i + 1 < lines.length && TABLE_SEP_RE.test(lines[i + 1])) {
+      var _r3 = parseTable(lines, i);
+      blocks.push(_r3.node);
+      i = _r3.next;
+      continue;
+    }
+    var p = parseParagraph(lines, i);
+    if (p.next <= i) {
+      i++;
+      continue;
+    }
+    blocks.push(p.node);
+    i = p.next;
+  }
+  return blocks;
+}
+
+/* ------------------------------------------------------------------ */
+/* Inline parsing                                                      */
+/* ------------------------------------------------------------------ */
+
+var ESCAPABLE = '\\`*_~[]()#+-.!>|';
+function matchLink(text, start) {
+  var depth = 0;
+  var j = start;
+  for (; j < text.length; j++) {
+    var ch = text[j];
+    if (ch === '\\') {
+      j++;
+      continue;
+    }
+    if (ch === '\n') return null;
+    if (ch === '[') depth++;else if (ch === ']') {
+      depth--;
+      if (depth === 0) break;
+    }
+  }
+  if (j >= text.length || text[j] !== ']' || text[j + 1] !== '(') return null;
+  var label = text.slice(start + 1, j);
+  var k = j + 2;
+  var pdepth = 1;
+  var dest = '';
+  for (; k < text.length; k++) {
+    var _ch = text[k];
+    if (_ch === '\\') {
+      dest += text[k + 1] || '';
+      k++;
+      continue;
+    }
+    if (_ch === '\n') return null;
+    if (_ch === '(') pdepth++;else if (_ch === ')') {
+      pdepth--;
+      if (pdepth === 0) break;
+    }
+    dest += _ch;
+  }
+  if (k >= text.length || pdepth !== 0) return null;
+  dest = dest.trim();
+  // strip an optional title:  (/url "Title")
+  var sp = dest.search(/\s/);
+  var href = sp === -1 ? dest : dest.slice(0, sp);
+  return {
+    label: label,
+    href: href,
+    end: k + 1
+  };
+}
+
+/** Length of the run of identical delimiter chars starting at `i`. */
+function runLength(text, i) {
+  var c = text[i];
+  var n = 0;
+  while (i + n < text.length && text[i + n] === c) n++;
+  return n;
+}
+function matchEmphasis(text, start) {
+  var c = text[start];
+  var openRun = runLength(text, start);
+  if (c === '~') {
+    // only ~~strike~~
+    if (openRun < 2) return null;
+    return matchDelimited(text, start, '~~', 'del');
+  }
+
+  // ***both*** — strong wrapping the inner single-delimiter run
+  if (openRun >= 3) {
+    var triple = c.repeat(3);
+    var close = text.indexOf(triple, start + openRun);
+    if (close === -1) return null;
+    return {
+      tag: 'strong',
+      content: c + text.slice(start + 3, close) + c,
+      end: close + 3
+    };
+  }
+  if (c === '_') {
+    var before = start > 0 ? text[start - 1] : '';
+    if (before && /\w/.test(before)) return null; // snake_case
+  }
+  return openRun === 2 ? matchDelimited(text, start, c + c, 'strong') : matchDelimited(text, start, c, 'em');
+}
+function matchDelimited(text, start, delim, tag) {
+  var c = delim[0];
+  var single = delim.length === 1;
+  var after = text[start + delim.length];
+  if (after === undefined || /\s/.test(after)) return null;
+  var j = start + delim.length;
+  while (j < text.length) {
+    var k = text.indexOf(delim, j);
+    if (k === -1) return null;
+    if (k === start + delim.length) return null; // empty content
+
+    if (/\s/.test(text[k - 1])) {
+      j = k + delim.length;
+      continue;
+    }
+
+    // a single-char delimiter must not latch onto part of a longer run
+    // ("*a **b** c*" — the closer is the final *, not the one in "**")
+    if (single && (text[k - 1] === c || text[k + 1] === c)) {
+      var end = k;
+      while (end < text.length && text[end] === c) end++;
+      j = end;
+      continue;
+    }
+    if (c === '_') {
+      var next = text[k + delim.length];
+      if (next && /\w/.test(next)) {
+        j = k + delim.length;
+        continue;
+      }
+    }
+    return {
+      tag: tag,
+      content: text.slice(start + delim.length, k),
+      end: k + delim.length
+    };
+  }
+  return null;
+}
+
+/**
+ * Parse a run of inline markdown into inline nodes.
+ * @param {string} text
+ * @returns {Array<object>}
+ */
+function parseInline(text) {
+  var out = [];
+  var buf = '';
+  var flush = function flush() {
+    if (buf) {
+      out.push({
+        type: 'text',
+        value: buf
+      });
+      buf = '';
+    }
+  };
+  var i = 0;
+  while (i < text.length) {
+    var c = text[i];
+    if (c === '\\' && i + 1 < text.length && ESCAPABLE.indexOf(text[i + 1]) !== -1) {
+      buf += text[i + 1];
+      i += 2;
+      continue;
+    }
+    if (c === '\n') {
+      flush();
+      out.push({
+        type: 'br'
+      });
+      i++;
+      continue;
+    }
+    if (c === '`') {
+      var m = /^(`+)([\s\S]*?)\1(?!`)/.exec(text.slice(i));
+      if (m && m[2].trim()) {
+        flush();
+        out.push({
+          type: 'code',
+          value: m[2].replace(/^ | $/g, '')
+        });
+        i += m[0].length;
+        continue;
+      }
+    }
+    if (c === '!' && text[i + 1] === '[') {
+      var img = matchLink(text, i + 1);
+      if (img) {
+        flush();
+        out.push({
+          type: 'image',
+          src: img.href,
+          alt: img.label
+        });
+        i = img.end;
+        continue;
+      }
+    }
+    if (c === '[') {
+      var link = matchLink(text, i);
+      if (link) {
+        flush();
+        out.push({
+          type: 'link',
+          href: link.href,
+          children: parseInline(link.label)
+        });
+        i = link.end;
+        continue;
+      }
+    }
+    if (c === '*' || c === '_' || c === '~') {
+      var em = matchEmphasis(text, i);
+      if (em) {
+        flush();
+        out.push({
+          type: em.tag,
+          children: parseInline(em.content)
+        });
+        i = em.end;
+        continue;
+      }
+    }
+    if ((c === 'h' || c === 'w') && /^(https?:\/\/|www\.)/.test(text.slice(i))) {
+      var _m = /^(?:https?:\/\/|www\.)[^\s<>"'`\]]+/.exec(text.slice(i));
+      if (_m) {
+        var raw = _m[0].replace(/[.,;:!?)\]]+$/, '');
+        flush();
+        out.push({
+          type: 'link',
+          href: raw.startsWith('www.') ? "https://".concat(raw) : raw,
+          children: [{
+            type: 'text',
+            value: raw
+          }]
+        });
+        i += raw.length;
+        continue;
+      }
+    }
+    buf += c;
+    i++;
+  }
+  flush();
+  return out;
+}
+
+/* ------------------------------------------------------------------ */
+/* URL safety                                                          */
+/* ------------------------------------------------------------------ */
+
+var SAFE_SCHEME = /^(https?|mailto|tel):/i;
+
+/**
+ * Returns the href if it is safe to put on an anchor, otherwise null.
+ * Blocks javascript:, data:, vbscript: and anything else exotic.
+ */
+function safeHref(href) {
+  if (typeof href !== 'string') return null;
+  var s = href.trim();
+  if (!s) return null;
+  // control characters are used to smuggle "java\nscript:"
+  var clean = s.replace(/[-\s]/g, '');
+  if (/^(\/|#|\.\/|\.\.\/)/.test(clean)) return s; // relative
+  if (SAFE_SCHEME.test(clean)) return s;
+  if (clean.indexOf(':') === -1) return s; // bare host / path
+  return null;
+}
+
+/* ------------------------------------------------------------------ */
+/* DOM rendering                                                       */
+/* ------------------------------------------------------------------ */
+
+function renderInlineNodes(nodes, parent, doc) {
+  var _iterator = _createForOfIteratorHelper(nodes),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var node = _step.value;
+      switch (node.type) {
+        case 'text':
+          parent.appendChild(doc.createTextNode(node.value));
+          break;
+        case 'br':
+          parent.appendChild(doc.createElement('br'));
+          break;
+        case 'code':
+          {
+            var el = doc.createElement('code');
+            el.textContent = node.value;
+            parent.appendChild(el);
+            break;
+          }
+        case 'strong':
+        case 'em':
+        case 'del':
+          {
+            var _el = doc.createElement(node.type);
+            renderInlineNodes(node.children, _el, doc);
+            parent.appendChild(_el);
+            break;
+          }
+        case 'link':
+          {
+            var href = safeHref(node.href);
+            if (!href) {
+              renderInlineNodes(node.children, parent, doc);
+              break;
+            }
+            var _el2 = doc.createElement('a');
+            _el2.setAttribute('href', href);
+            _el2.setAttribute('target', '_blank');
+            _el2.setAttribute('rel', 'noopener noreferrer nofollow');
+            renderInlineNodes(node.children, _el2, doc);
+            parent.appendChild(_el2);
+            break;
+          }
+        case 'image':
+          {
+            var src = safeHref(node.src);
+            if (!src) {
+              parent.appendChild(doc.createTextNode(node.alt || ''));
+              break;
+            }
+            var _el3 = doc.createElement('img');
+            _el3.setAttribute('src', src);
+            _el3.setAttribute('alt', node.alt || '');
+            _el3.setAttribute('loading', 'lazy');
+            _el3.className = 'md-img';
+            parent.appendChild(_el3);
+            break;
+          }
+        default:
+          break;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+function renderBlockNodes(blocks, parent, doc) {
+  var _iterator2 = _createForOfIteratorHelper(blocks),
+    _step2;
+  try {
+    var _loop = function _loop() {
+      var block = _step2.value;
+      switch (block.type) {
+        case 'p':
+          {
+            var el = doc.createElement('p');
+            renderInlineNodes(block.inline, el, doc);
+            parent.appendChild(el);
+            break;
+          }
+        case 'h':
+          {
+            var _el4 = doc.createElement("h".concat(Math.min(block.level + 2, 6)));
+            _el4.className = "md-h md-h".concat(block.level);
+            renderInlineNodes(block.inline, _el4, doc);
+            parent.appendChild(_el4);
+            break;
+          }
+        case 'hr':
+          parent.appendChild(doc.createElement('hr'));
+          break;
+        case 'code':
+          {
+            var pre = doc.createElement('pre');
+            var code = doc.createElement('code');
+            if (block.lang) code.className = "language-".concat(block.lang.replace(/[^\w+-]/g, ''));
+            code.textContent = block.text;
+            pre.appendChild(code);
+            parent.appendChild(pre);
+            break;
+          }
+        case 'quote':
+          {
+            var _el5 = doc.createElement('blockquote');
+            renderBlockNodes(block.blocks, _el5, doc);
+            parent.appendChild(_el5);
+            break;
+          }
+        case 'ul':
+        case 'ol':
+          {
+            var list = doc.createElement(block.type);
+            if (block.type === 'ol' && block.start != null) list.setAttribute('start', String(block.start));
+            var _iterator3 = _createForOfIteratorHelper(block.items),
+              _step3;
+            try {
+              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                var item = _step3.value;
+                var li = doc.createElement('li');
+                // tight item: a lone paragraph renders straight into the <li>
+                if (item.blocks.length === 1 && item.blocks[0].type === 'p') {
+                  renderInlineNodes(item.blocks[0].inline, li, doc);
+                } else {
+                  renderBlockNodes(item.blocks, li, doc);
+                }
+                list.appendChild(li);
+              }
+            } catch (err) {
+              _iterator3.e(err);
+            } finally {
+              _iterator3.f();
+            }
+            parent.appendChild(list);
+            break;
+          }
+        case 'table':
+          {
+            var wrap = doc.createElement('div');
+            wrap.className = 'md-table-wrap';
+            var table = doc.createElement('table');
+            var thead = doc.createElement('thead');
+            var hrow = doc.createElement('tr');
+            block.head.forEach(function (cell, idx) {
+              var th = doc.createElement('th');
+              if (block.align[idx]) th.style.textAlign = block.align[idx];
+              renderInlineNodes(cell, th, doc);
+              hrow.appendChild(th);
+            });
+            thead.appendChild(hrow);
+            table.appendChild(thead);
+            var tbody = doc.createElement('tbody');
+            var _iterator4 = _createForOfIteratorHelper(block.rows),
+              _step4;
+            try {
+              var _loop2 = function _loop2() {
+                var row = _step4.value;
+                var tr = doc.createElement('tr');
+                row.forEach(function (cell, idx) {
+                  var td = doc.createElement('td');
+                  if (block.align[idx]) td.style.textAlign = block.align[idx];
+                  renderInlineNodes(cell, td, doc);
+                  tr.appendChild(td);
+                });
+                tbody.appendChild(tr);
+              };
+              for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                _loop2();
+              }
+            } catch (err) {
+              _iterator4.e(err);
+            } finally {
+              _iterator4.f();
+            }
+            table.appendChild(tbody);
+            wrap.appendChild(table);
+            parent.appendChild(wrap);
+            break;
+          }
+        default:
+          break;
+      }
+    };
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+}
+
+/**
+ * Replace the contents of `el` with the rendered markdown of `text`.
+ * Safe to call repeatedly with a growing buffer (streaming).
+ *
+ * @param {Element} el   target element (emptied first)
+ * @param {string}  text markdown source
+ */
+function renderMarkdownInto(el, text) {
+  if (!el) return;
+  var doc = el.ownerDocument || document;
+  while (el.firstChild) el.removeChild(el.firstChild);
+  if (typeof text !== 'string' || text === '') return;
+  var blocks;
+  try {
+    blocks = parseMarkdown(text);
+  } catch (err) {
+    // never let a parser bug swallow the agent's answer
+    el.textContent = text;
+    return;
+  }
+  var frag = doc.createDocumentFragment();
+  renderBlockNodes(blocks, frag, doc);
+
+  // A response with no renderable block (e.g. only whitespace) falls back to text.
+  if (!frag.firstChild) {
+    el.textContent = text;
+    return;
+  }
+  el.appendChild(frag);
+}
+
+/***/ }),
+
 /***/ "./src/widget/voice/desktop.js":
 /*!*************************************!*\
   !*** ./src/widget/voice/desktop.js ***!
@@ -43477,10 +44675,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",
@@ -43521,10 +44721,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "שלום! איך אפשר לעזור?",
     "sendMessage": "שלח הודעה או עבור למצב קולי לשיחה בזמן אמת",
     "online": "מקוון",
+    "chatAssistant": "עוזר צ׳אט",
     "newChat": "צ'אט חדש",
     "back": "חזור",
     "backToModeChoice": "קול או טקסט",
     "close": "סגור",
+    "home": "דף הבית",
     "error": "שגיאה",
     "typeMessage": "הקלד הודעה...",
     "sendMessageAria": "שלח הודעה",
@@ -43565,10 +44767,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "مرحبا! كيف يمكنني المساعدة؟",
     "sendMessage": "أرسل رسالة للبدء",
     "online": "متصل",
+    "chatAssistant": "مساعد الدردشة",
     "newChat": "محادثة جديدة",
     "back": "رجوع",
     "backToModeChoice": "صوت أو نص",
     "close": "إغلاق",
+    "home": "الرئيسية",
     "error": "خطأ",
     "typeMessage": "اكتب رسالة...",
     "sendMessageAria": "إرسال رسالة",
@@ -43609,10 +44813,12 @@ __webpack_require__.r(__webpack_exports__);
     "hello": "Привет! Как я могу помочь?",
     "sendMessage": "Отправьте сообщение для начала",
     "online": "В сети",
+    "chatAssistant": "Чат-ассистент",
     "newChat": "Новый чат",
     "back": "Назад",
     "backToModeChoice": "Голос или текст",
     "close": "Закрыть",
+    "home": "Главная",
     "error": "Ошибка",
     "typeMessage": "Введите сообщение...",
     "sendMessageAria": "Отправить сообщение",
@@ -43653,10 +44859,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",
@@ -43697,10 +44905,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",
@@ -43741,10 +44951,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",