ttp-agent-sdk 2.46.3 → 2.47.2

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-07-30T20:53:20.013Z";
       }
       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.47.2";
+var BUILD_TIME = "2026-07-30T20:53:20.013Z";
 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.47.2" : 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.47.2" : 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-07-30T20:53:20.013Z";
               }
 
+              // 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'
         });
@@ -34945,7 +35081,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
         return;
       }
       this._ensureAboutStyles();
-      var version =  true ? "2.46.3" : 0;
+      var version =  true ? "2.47.2" : 0;
       var convId = this._getLastConversationId();
       var t = function t(k, fb) {
         try {
@@ -37316,6 +37452,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TextInterface: () => (/* binding */ TextInterface)
 /* 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 _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; } }
@@ -37335,6 +37472,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';
@@ -37376,6 +37514,9 @@ function rgbTupleFromChromeColor(color, fallbackTuple) {
 var TEXT_INPUT_MIN_HEIGHT_PX = 36;
 var TEXT_INPUT_MAX_HEIGHT_PX = 132;
 
+/** How often a streaming agent bubble is re-rendered from its markdown buffer (ms). */
+var STREAM_RENDER_INTERVAL_MS = 40;
+
 /** Resolves voice primary / gradient strings to #rrggbb for CSS hex+alpha suffixes. */
 function firstHexFromVoiceColor(c, fallback) {
   if (c == null || typeof c !== 'string') return fallback;
@@ -37560,9 +37701,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: 10px 12px 8px").concat(important, ";\n        border-bottom: 1px solid ").concat(topBarBorder).concat(important, ";\n        background: ").concat(topBarBg).concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: space-between").concat(important, ";\n      }\n      .text-interface-top-bar .ttp-info-btn {\n        color: ").concat(backBtnColor).concat(important, ";\n      }\n      .text-interface-top-bar .ttp-info-btn:hover {\n        background: ").concat(backBtnHoverBg).concat(important, ";\n        color: ").concat(backBtnHoverColor).concat(important, ";\n      }\n      .text-interface-back-btn {\n        display: inline-flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 6px").concat(important, ";\n        padding: 6px 10px").concat(important, ";\n        margin: 0").concat(important, ";\n        border: none").concat(important, ";\n        border-radius: 8px").concat(important, ";\n        background: transparent").concat(important, ";\n        color: ").concat(backBtnColor).concat(important, ";\n        font-size: 16px").concat(important, ";\n        font-weight: 600").concat(important, ";\n        cursor: pointer").concat(important, ";\n        font-family: inherit").concat(important, ";\n      }\n      .text-interface-back-btn:hover {\n        background: ").concat(backBtnHoverBg).concat(important, ";\n        color: ").concat(backBtnHoverColor).concat(important, ";\n      }\n      .text-interface-back-icon {\n        font-size: 18px").concat(important, ";\n        line-height: 1").concat(important, ";\n      }\n      .text-interface-back-label {\n        line-height: 1.2").concat(important, ";\n      }\n      /* Messages container using new classes */\n      #messagesContainer { \n        flex: 1").concat(important, "; \n        overflow-y: auto").concat(important, "; \n        overflow-x: hidden").concat(important, "; \n        padding: 20px").concat(important, "; \n        background: ").concat(messagesAreaBg).concat(important, "; \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, "; \n        gap: 16px").concat(important, "; \n        min-height: 0").concat(important, "; \n      }\n      .empty-state { \n        flex: 1").concat(important, "; \n        display: flex").concat(important, "; \n        flex-direction: column").concat(important, "; \n        align-items: center").concat(important, "; \n        justify-content: center").concat(important, "; \n        gap: 12px").concat(important, "; \n        color: ").concat(emptyMuted).concat(important, "; \n        text-align: center").concat(important, "; \n        padding: 20px").concat(important, "; \n      }\n      .empty-state-icon { font-size: 52px").concat(important, "; opacity: 0.3").concat(important, "; }\n      .empty-state-title { font-size: 22px").concat(important, "; font-weight: 700").concat(important, "; color: ").concat(emptyTitle).concat(important, "; }\n      .empty-state-text { font-size: 15px").concat(important, "; max-width: 300px").concat(important, "; line-height: 1.45").concat(important, "; }\n\n      .text-interface { \n        display: none").concat(important, "; \n        flex: 1").concat(important, "; \n        flex-direction: column").concat(important, "; \n        min-height: 0").concat(important, "; \n        overflow: hidden").concat(important, "; \n      }\n      .text-interface.active { display: flex").concat(important, "; }\n      \n      .message { \n        display: flex").concat(important, "; \n        gap: 8px").concat(important, "; \n        padding: 4px 0").concat(important, "; \n        max-width: 100%").concat(important, "; \n        align-items: center").concat(important, "; \n      }\n      .message.edge-left { flex-direction: row").concat(important, "; }\n      .message.edge-right { flex-direction: row-reverse").concat(important, "; }\n      .message-bubble { \n        padding: 14px 16px").concat(important, "; \n        border-radius: ").concat(messages.borderRadius, "px").concat(important, "; \n        max-width: 80%").concat(important, "; \n        font-size: ").concat(messages.fontSize).concat(important, "; \n        line-height: 1.45").concat(important, ";\n        word-wrap: break-word").concat(important, "; \n        text-align: ").concat(this.config.direction === 'rtl' ? 'right' : 'left').concat(important, "; \n        direction: ").concat(this.config.direction || 'ltr', ";\n      }\n      .message.user .message-bubble { \n        background: ").concat(userBubbleBg).concat(important, "; \n        color: ").concat(userBubbleTextColor).concat(important, "; \n      }\n      .message.agent .message-bubble {\n        background: ").concat(agentBubbleBg).concat(important, ";\n        color: ").concat(agentBubbleTextColor).concat(important, ";\n        border: ").concat(agentBubbleBorder).concat(important, ";\n        max-width: 88%").concat(important, ";\n      }\n\n      /* ---------------------------------------------------------------\n         Rendered markdown inside the agent bubble.\n         Everything is scoped to .message-bubble so host-page styles can't\n         reach in and the user bubble (plain text) is untouched.\n         Logical properties (padding-inline-start, border-inline-start) keep\n         the layout correct in RTL locales such as Hebrew.\n      ---------------------------------------------------------------- */\n      .message-bubble.md, .message-bubble .md-seg { line-height: 1.55").concat(important, "; }\n      .message-bubble .md-seg { display: block").concat(important, "; }\n\n      .message-bubble p {\n        margin: 0 0 10px").concat(important, ";\n        padding: 0").concat(important, ";\n      }\n      /* Deliberately gated on .md / .md-seg rather than a bare\n         \".message-bubble > *\": the VOICE live-transcript row reuses the\n         .message-bubble class in this same shadow root, and its children\n         (.live-badge, .ttp-cursor) are not ours to restyle. */\n      .message-bubble.md > *:last-child,\n      .message-bubble .md-seg:last-child > *:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble.md > *:first-child,\n      .message-bubble .md-seg:first-child > *:first-child { margin-top: 0").concat(important, "; }\n\n      .message-bubble .md-h {\n        margin: 16px 0 7px").concat(important, ";\n        padding: 0").concat(important, ";\n        font-weight: 700").concat(important, ";\n        line-height: 1.3").concat(important, ";\n        color: inherit").concat(important, ";\n      }\n      .message-bubble .md-h1 { font-size: 1.18em").concat(important, "; }\n      .message-bubble .md-h2 { font-size: 1.09em").concat(important, "; }\n      .message-bubble .md-h3 { font-size: 1.02em").concat(important, "; }\n      .message-bubble .md-h4,\n      .message-bubble .md-h5,\n      .message-bubble .md-h6 {\n        font-size: 0.95em").concat(important, ";\n        letter-spacing: 0.02em").concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n\n      /* Logical properties only \u2014 a physical padding-left/border-left after\n         these would resolve to the same property and silently win in LTR. */\n      .message-bubble ul, .message-bubble ol {\n        margin: 8px 0 11px").concat(important, ";\n        padding-inline-start: 1.45em").concat(important, ";\n        list-style-position: outside").concat(important, ";\n      }\n      .message-bubble ul { list-style-type: disc").concat(important, "; }\n      .message-bubble ol { list-style-type: decimal").concat(important, "; }\n      .message-bubble ul ul { list-style-type: circle").concat(important, "; }\n      .message-bubble li {\n        margin: 0 0 5px").concat(important, ";\n        padding: 0").concat(important, ";\n        line-height: 1.5").concat(important, ";\n      }\n      .message-bubble li:last-child { margin-bottom: 0").concat(important, "; }\n      .message-bubble li::marker { color: ").concat(mdAccent).concat(important, "; }\n      .message-bubble li > ul, .message-bubble li > ol { margin: 5px 0 2px").concat(important, "; }\n      .message-bubble li > p { margin: 0 0 5px").concat(important, "; }\n\n      .message-bubble strong, .message-bubble b { font-weight: 700").concat(important, "; }\n      .message-bubble em, .message-bubble i { font-style: italic").concat(important, "; }\n      .message-bubble del { text-decoration: line-through").concat(important, "; opacity: 0.7").concat(important, "; }\n\n      .message-bubble a {\n        color: ").concat(mdLink).concat(important, ";\n        text-decoration: underline").concat(important, ";\n        text-underline-offset: 2px").concat(important, ";\n        word-break: break-word").concat(important, ";\n      }\n      .message-bubble a:hover { opacity: 0.82").concat(important, "; }\n\n      .message-bubble code {\n        font-family: ").concat(mdMono).concat(important, ";\n        font-size: 0.88em").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 5px").concat(important, ";\n        padding: 1px 5px").concat(important, ";\n        white-space: break-spaces").concat(important, ";\n        word-break: break-word").concat(important, ";\n        direction: ltr").concat(important, ";\n        unicode-bidi: embed").concat(important, ";\n      }\n      .message-bubble pre {\n        margin: 10px 0 11px").concat(important, ";\n        padding: 10px 12px").concat(important, ";\n        background: ").concat(mdSubtleBg).concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 10px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        direction: ltr").concat(important, ";\n        text-align: left").concat(important, ";\n      }\n      .message-bubble pre code {\n        background: none").concat(important, ";\n        border: none").concat(important, ";\n        border-radius: 0").concat(important, ";\n        padding: 0").concat(important, ";\n        font-size: 0.85em").concat(important, ";\n        line-height: 1.5").concat(important, ";\n        white-space: pre").concat(important, ";\n        word-break: normal").concat(important, ";\n      }\n\n      .message-bubble blockquote {\n        margin: 10px 0").concat(important, ";\n        padding-block: 2px").concat(important, ";\n        padding-inline-start: 12px").concat(important, ";\n        padding-inline-end: 0").concat(important, ";\n        border-inline-start: 3px solid ").concat(mdAccent).concat(important, ";\n        color: ").concat(mdMuted).concat(important, ";\n      }\n      .message-bubble blockquote > *:last-child { margin-bottom: 0").concat(important, "; }\n\n      .message-bubble hr {\n        border: none").concat(important, ";\n        border-top: 1px solid ").concat(mdRule).concat(important, ";\n        height: 0").concat(important, ";\n        margin: 13px 0").concat(important, ";\n      }\n\n      .message-bubble .md-table-wrap {\n        margin: 10px 0 11px").concat(important, ";\n        overflow-x: auto").concat(important, ";\n        border: 1px solid ").concat(mdBorder).concat(important, ";\n        border-radius: 9px").concat(important, ";\n      }\n      .message-bubble table {\n        border-collapse: collapse").concat(important, ";\n        width: 100%").concat(important, ";\n        font-size: 0.93em").concat(important, ";\n      }\n      .message-bubble th, .message-bubble td {\n        padding: 7px 11px").concat(important, ";\n        text-align: start").concat(important, ";\n        border-bottom: 1px solid ").concat(mdBorder).concat(important, ";\n        vertical-align: top").concat(important, ";\n      }\n      .message-bubble thead th {\n        background: ").concat(mdSubtleBg).concat(important, ";\n        font-weight: 700").concat(important, ";\n      }\n      .message-bubble tbody tr:nth-child(even) { background: ").concat(mdSubtlerBg).concat(important, "; }\n      .message-bubble tbody tr:last-child td { border-bottom: none").concat(important, "; }\n\n      .message-bubble .md-img {\n        display: block").concat(important, ";\n        max-width: 100%").concat(important, ";\n        height: auto").concat(important, ";\n        border-radius: 8px").concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n\n      .message.user { \n        align-self: ").concat(this.config.direction === 'rtl' ? 'flex-start' : 'flex-end').concat(important, "; \n      }\n      .message.agent {\n        align-self: ").concat(this.config.direction === 'rtl' ? 'flex-end' : 'flex-start').concat(important, ";\n        /* structured answers can be tall \u2014 keep the avatar next to the first line */\n        align-items: flex-start").concat(important, ";\n      }\n      .message.agent .message-avatar { margin-top: 7px").concat(important, "; }\n      .message .message-bubble { \n        text-align: ").concat(this.config.direction === 'rtl' ? 'right' : 'left', " !important; \n      }\n      ").concat(this.config.direction === 'rtl' ? "\n      .message-bubble {\n        text-align: right !important;\n      }\n      " : '', "\n      .message-avatar { \n        width: ").concat(avatarSize).concat(important, "; \n        height: ").concat(avatarSize).concat(important, "; \n        min-width: ").concat(avatarSize).concat(important, "; \n        border-radius: 50%").concat(important, "; \n        display: flex").concat(important, "; \n        align-items: center").concat(important, "; \n        justify-content: center").concat(important, "; \n        flex-shrink: 0").concat(important, "; \n        color: inherit").concat(important, "; \n        font-size: ").concat(useVoiceTheme ? '14' : '20', "px").concat(important, "; \n        line-height: 1").concat(important, "; \n        background: transparent").concat(important, "; \n        border: none").concat(important, "; \n        box-sizing: border-box").concat(important, "; \n      }\n      .message-avatar.user { background: ").concat(avatarUserBg).concat(important, "; color: ").concat(avatarUserColor).concat(important, "; }\n      .message-avatar.agent { background: ").concat(avatarAgentBg).concat(important, "; }\n      \n      .message.system {\n        background: ").concat(messages.systemBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      .message.error {\n        background: ").concat(messages.errorBackgroundColor, ";\n        align-self: flex-start").concat(important, ";\n      }\n      \n      .input-container {\n        display: flex").concat(important, ";\n        gap: 8px").concat(important, ";\n        padding: 12px 16px").concat(important, ";\n        background: ").concat(inputContainerBg).concat(important, ";\n        border-top: 1px solid ").concat(inputContainerBorderTop).concat(important, ";\n        align-items: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        flex-direction: ").concat(this.config.direction === 'rtl' ? 'row-reverse' : 'row').concat(important, ";\n      }\n      \n      .input-wrapper {\n        position: relative").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .message-input {\n        width: 100%").concat(important, ";\n        min-height: ").concat(TEXT_INPUT_MIN_HEIGHT_PX, "px").concat(important, ";\n        max-height: ").concat(TEXT_INPUT_MAX_HEIGHT_PX, "px").concat(important, ";\n        padding: ").concat(inputPadding, ";\n        border: 1px solid ").concat(inputBorderColor, ";\n        border-radius: ").concat(inputBorderRadius, "px;\n        font-size: ").concat(inputFontSize, ";\n        font-family: inherit").concat(important, ";\n        line-height: 1.4").concat(important, ";\n        resize: none").concat(important, ";\n        overflow-y: auto").concat(important, ";\n        background: ").concat(inputBackgroundColor, ";\n        color: ").concat(inputTextColor, ";\n        vertical-align: top").concat(important, ";\n        margin: 0").concat(important, ";\n        display: block").concat(important, ";\n        white-space: pre-wrap").concat(important, ";\n        word-wrap: break-word").concat(important, ";\n        text-align: ").concat(this.config.direction === 'rtl' ? 'right' : 'left').concat(important, ";\n        direction: ").concat(this.config.direction || 'ltr', ";\n        -webkit-appearance: none").concat(important, ";\n        appearance: none").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n      }\n      \n      .message-input:focus {\n        outline: none").concat(important, ";\n        border-color: ").concat(inputFocusColor, ";\n        background: ").concat(inputFocusBg).concat(important, ";\n        box-shadow: ").concat(inputFocusBoxShadow, ";\n      }\n      \n      .message-input::placeholder {\n        color: ").concat(placeholderColor).concat(important, ";\n        text-align: ").concat(this.config.direction === 'rtl' ? 'right' : 'left').concat(important, ";\n      }\n      \n      .send-button {\n        width: 44px").concat(important, ";\n        height: 44px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        border: none").concat(important, ";\n        background: ").concat(sendButtonColor, ";\n        color: ").concat(sendButtonTextColor, ";\n        font-size: ").concat(this.config.sendButtonFontSize || ((_this$config$panel15 = this.config.panel) === null || _this$config$panel15 === void 0 ? void 0 : _this$config$panel15.sendButtonFontSize) || '20px', ";\n        font-weight: ").concat(this.config.sendButtonFontWeight || ((_this$config$panel16 = this.config.panel) === null || _this$config$panel16 === void 0 ? void 0 : _this$config$panel16.sendButtonFontWeight) || '500', ";\n        cursor: pointer").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        transition: all 0.2s ease").concat(important, ";\n        box-shadow: 0 4px 12px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.32)").concat(important, ";\n      }\n      \n      .send-button:hover:not(:disabled) {\n        background: ").concat(sendButtonHoverColor, ";\n        transform: scale(1.05)").concat(important, ";\n        box-shadow: 0 6px 16px rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", 0.42)").concat(important, ";\n      }\n      \n      .send-button-hint {\n        width: 100%").concat(important, ";\n        text-align: center").concat(important, ";\n        margin-top: 4px").concat(important, ";\n      }\n      \n      .send-button:disabled {\n        opacity: 0.5").concat(important, ";\n        cursor: not-allowed").concat(important, ";\n      }\n      \n      .typing-indicator {\n        display: inline-flex").concat(important, ";\n        gap: 4px").concat(important, ";\n        align-items: center").concat(important, ";\n      }\n      \n      .typing-dot {\n        width: 6px").concat(important, ";\n        height: 6px").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        background: rgba(").concat(accentRgb[0], ", ").concat(accentRgb[1], ", ").concat(accentRgb[2], ", ").concat(typingDotAlpha, ")").concat(important, ";\n        animation: typingDot 1.4s ease-in-out infinite").concat(important, ";\n      }\n      \n      .typing-dot:nth-child(2) { animation-delay: 0.2s").concat(important, "; }\n      .typing-dot:nth-child(3) { animation-delay: 0.4s").concat(important, "; }\n      \n      @keyframes typingDot {\n        0%, 60%, 100% { transform: translateY(0); opacity: 0.7; }\n        30% { transform: translateY(-8px); opacity: 1; }\n      }\n      \n      .error-message {\n        padding: 12px").concat(important, ";\n        background: ").concat(errorBubbleBg, ";\n        border-radius: ").concat(messages.borderRadius, "px;\n        color: ").concat(errorBubbleColor).concat(important, ";\n        border: ").concat(errorBubbleBorder).concat(important, ";\n        font-size: ").concat(messages.fontSize).concat(important, ";\n        margin: 8px 0").concat(important, ";\n      }\n      \n      ").concat(useVoiceTheme ? "\n      #textInterface.active .input-container .send-button-hint {\n        color: rgba(255,255,255,0.72)".concat(important, ";\n      }\n      ") : '', "\n      \n      @media (max-width: 768px) {\n        #messagesContainer {\n          padding: 12px").concat(important, ";\n          gap: 12px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 85%").concat(important, ";\n          font-size: ").concat(messages.fontSize).concat(important, ";\n          padding: 12px 14px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 10px").concat(important, ";\n          gap: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important; /* Prevents iOS zoom on focus */\n          padding: 10px 14px").concat(important, ";\n          min-height: 44px").concat(important, ";\n        }\n        \n        #text-chat-send {\n          min-width: 56px").concat(important, ";\n          min-height: 44px").concat(important, ";\n          width: 56px").concat(important, ";\n          height: 44px").concat(important, ";\n        }\n        \n        .empty-state-icon {\n          font-size: 44px").concat(important, ";\n        }\n        \n        .empty-state-title {\n          font-size: 20px").concat(important, ";\n        }\n        \n        .empty-state-text {\n          font-size: 14px").concat(important, ";\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #messagesContainer {\n          padding: 10px").concat(important, ";\n          gap: 10px").concat(important, ";\n        }\n        \n        .message-bubble {\n          max-width: 90%").concat(important, ";\n          font-size: ").concat(messages.fontSize).concat(important, ";\n          padding: 10px 12px").concat(important, ";\n        }\n        \n        .text-input-container {\n          padding: 8px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important;\n          padding: 8px 12px").concat(important, ";\n        }\n      }\n    ");
     }
 
     /**
@@ -37815,7 +37968,13 @@ var TextInterface = /*#__PURE__*/function () {
       avatar.textContent = avatarIcon;
       var bubble = document.createElement('div');
       bubble.className = 'message-bubble';
-      bubble.textContent = text;
+      if (type === 'agent') {
+        // Agent copy is markdown — render it so lists/bold/tables look designed.
+        bubble.classList.add('md');
+        (0,_markdown_js__WEBPACK_IMPORTED_MODULE_1__.renderMarkdownInto)(bubble, text);
+      } else {
+        bubble.textContent = text;
+      }
 
       // Order is controlled by edgeClass via flex-direction
       message.appendChild(avatar);
@@ -37853,9 +38012,87 @@ var TextInterface = /*#__PURE__*/function () {
       this.streamingEl = 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';
+      this.streamingEl.appendChild(seg);
+      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 +38102,10 @@ 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();
+      this._streamBuffer += chunk;
+      this._scheduleStreamRender();
     }
 
     /**
@@ -37903,10 +38126,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 +38147,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 +38174,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 +38193,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,17 +38232,22 @@ var TextInterface = /*#__PURE__*/function () {
     key: "finalizeStreaming",
     value: function finalizeStreaming(fullText) {
       if (this.streamingEl) {
-        // Flush any remaining buffered media
-        this._flushPendingMedia();
+        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;
 
-        // 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;
+        // 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) {
+          this._streamBuffer = fullText;
         }
-        // If hasInlineMedia, keep the DOM as-is — it already has text nodes + gallery elements
+        this._renderStreamSegment();
 
+        // Flush trailing galleries (also commits the segment above them)
+        this._flushPendingMedia();
+        this._closeStreamSegment();
         var container = this.shadowRoot.getElementById('agent-streaming');
         if (container) container.id = '';
         this.streamingEl = null;
@@ -38033,10 +38262,13 @@ 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.hasStartedStreaming = false;
+      this._streamBuffer = '';
+      this._streamSegmentEl = null;
     }
 
     /**
@@ -38908,7 +39140,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 +39382,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 +39432,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 +39499,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 +39526,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 +39546,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 +39585,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 +39595,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 +39612,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 +39706,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 +39768,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 +39784,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 +39805,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 +39821,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 +39854,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 +41292,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 ***!