ttp-agent-sdk 2.44.0 → 2.45.4

package/dist/agent-widget.dev.js

@@ -10627,6 +10627,264 @@ var AudioRecorder = /*#__PURE__*/function (_EventEmitter) {
 }(_EventEmitter_js__WEBPACK_IMPORTED_MODULE_0__["default"]);
 
 
+/***/ }),
+
+/***/ "./src/core/ClientScriptManager.js":
+/*!*****************************************!*\
+  !*** ./src/core/ClientScriptManager.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CLIENT_TOOLS_PARTNER_ID: () => (/* binding */ CLIENT_TOOLS_PARTNER_ID),
+/* harmony export */   ClientScriptManager: () => (/* binding */ ClientScriptManager)
+/* harmony export */ });
+/* harmony import */ var _ecommerce_PartnerScriptRunner_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../ecommerce/PartnerScriptRunner.js */ "./src/ecommerce/PartnerScriptRunner.js");
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _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 asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * ClientScriptManager
+ *
+ * Flavor-independent owner of the reserved `__client_tools__` partner bundle.
+ *
+ * The backend pushes a second, flavor-independent `partner_bundle` whose
+ * `partner_id` is the sentinel `__client_tools__`. It carries per-tool client
+ * scripts (each an optional `pre_code_js`, a required `code_js` main step, and
+ * an optional `post_code_js`) plus auto-run library scripts. Unlike the
+ * ecommerce flavor's partner bundle, this one must run regardless of which
+ * flavor (if any) is active, on BOTH the voice (`VoiceSDK_v2`) and text-chat
+ * (`TextChatSDK`) channels.
+ *
+ * This manager owns a single dedicated {@link PartnerScriptRunner} instance —
+ * constructed with `{ genericCtx: true }` so client-tool scripts get a
+ * platform-agnostic ctx (args / host / fetch / log / emit / runAdapter, no
+ * ecommerce-only platform / normalizeCart / refreshUI). It reuses the runner
+ * class as-is; it does not fork it.
+ *
+ * Coexistence: the ecommerce flavor keeps its own runner and its own
+ * `partner_bundle` handling for every other partner id. Each SDK routes by
+ * `partnerId` — `__client_tools__` → this manager, anything else → the existing
+ * flavor path. Bundles are therefore kept separate per partner id.
+ *
+ * Wire contract (unchanged):
+ *   bundle  : { t:'partner_bundle', partner_id:'__client_tools__',
+ *               adapters:{ tool:{ code_js, pre_code_js?, post_code_js?, ... } },
+ *               autoRun:{ name:{ code_js } } }
+ *   invoke  : { t:'run_partner_script', requestId, partnerId:'__client_tools__', action, args }
+ *   result  : { t:'run_partner_script_result', requestId, partnerId, action, ok, result|error }
+ */
+
+
+/** Reserved partner id for the flavor-independent client-tool bundle. */
+var CLIENT_TOOLS_PARTNER_ID = '__client_tools__';
+
+/** Mirror of ClientToolsRegistry.MAX_RESULT_SIZE — 50KB cap on result payloads. */
+var MAX_RESULT_SIZE = 50000;
+var LOG = '[ClientScriptManager]';
+var ClientScriptManager = /*#__PURE__*/function () {
+  /**
+   * @param {object} opts
+   * @param {(msg: object) => void} opts.send  Send a JSON frame back to the backend
+   *   (VoiceSDK.sendMessage / TextChatSDK.sendRaw). Used for both run_partner_script_result
+   *   envelopes and adapter ctx.emit() pushes.
+   * @param {string} [opts.label]  Short tag for logs (e.g. 'voice' / 'text').
+   */
+  function ClientScriptManager() {
+    var _this = this;
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      send = _ref.send,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label;
+    _classCallCheck(this, ClientScriptManager);
+    this._send = typeof send === 'function' ? send : function () {};
+    this._label = label;
+    this.runner = new _ecommerce_PartnerScriptRunner_js__WEBPACK_IMPORTED_MODULE_0__.PartnerScriptRunner({
+      genericCtx: true
+    });
+    // Unsolicited adapter pushes (ctx.emit) go back over the same channel.
+    this.runner.setEmitCallback(function (msg) {
+      return _this._send(msg);
+    });
+  }
+
+  /**
+   * True when this message is a `partner_bundle` addressed to the sentinel
+   * `__client_tools__` partner id. Both SDKs use this to route the bundle here
+   * instead of (or in addition to) the flavor path.
+   * @param {object} message
+   * @returns {boolean}
+   */
+  return _createClass(ClientScriptManager, [{
+    key: "setBundle",
+    value:
+    /**
+     * Handle a `partner_bundle` for `__client_tools__`. Mirrors
+     * EcommerceFlavor's bundle handling: merge autoRun entries into the adapters
+     * map (so ctx.runAdapter can reach them), load the bundle (replacing any
+     * previous one for this partner — reconnect case), then execute each autoRun
+     * entry exactly once.
+     * @param {object} data  the partner_bundle message
+     */
+    function setBundle(data) {
+      var _this2 = this;
+      // emit callback is wired in the constructor and survives bundle reloads;
+      // re-assert it here so it is always fresh for the active SDK instance.
+      this.runner.setEmitCallback(function (msg) {
+        return _this2._send(msg);
+      });
+      var merged = _objectSpread(_objectSpread({}, data), {}, {
+        adapters: _objectSpread(_objectSpread({}, (data === null || data === void 0 ? void 0 : data.adapters) || {}), (data === null || data === void 0 ? void 0 : data.autoRun) || {})
+      });
+      this.runner.setBundle(merged);
+      var _loop = function _loop() {
+        var action = _Object$keys[_i];
+        _this2.runner.runAdapter(action, {}).then(function (r) {
+          return console.log("".concat(LOG).concat(_this2._tag(), " auto-run '").concat(action, "':"), r);
+        }).catch(function (e) {
+          return console.warn("".concat(LOG).concat(_this2._tag(), " auto-run '").concat(action, "' failed:"), e);
+        });
+      };
+      for (var _i = 0, _Object$keys = Object.keys((data === null || data === void 0 ? void 0 : data.autoRun) || {}); _i < _Object$keys.length; _i++) {
+        _loop();
+      }
+    }
+
+    /**
+     * Execute a `run_partner_script` envelope against the client-tool runner and
+     * post the `run_partner_script_result` back over the channel. Enforces the
+     * 50KB result-size cap (oversize → ok:false, error:'RESULT_TOO_LARGE').
+     *
+     * An unknown action (e.g. bundle not yet received) resolves to ok:false with
+     * the runner's `adapter_not_in_bundle` reason — same behavior as the existing
+     * path.
+     *
+     * @param {object} message  { requestId, partnerId, action, args }
+     */
+  }, {
+    key: "handleRunPartnerScript",
+    value: (function () {
+      var _handleRunPartnerScript = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(message) {
+        var _ref2, requestId, partnerId, action, args, startedAt, result, elapsedMs, ok, serializedSize, sizeKB, limitKB, reason, _elapsedMs, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              _ref2 = message || {}, requestId = _ref2.requestId, partnerId = _ref2.partnerId, action = _ref2.action;
+              args = message && message.args || {};
+              if (requestId) {
+                _context.n = 1;
+                break;
+              }
+              console.warn("".concat(LOG).concat(this._tag(), " run_partner_script missing requestId; dropping"), message);
+              return _context.a(2);
+            case 1:
+              startedAt = Date.now();
+              console.log("".concat(LOG).concat(this._tag(), " run_partner_script dispatch partner=").concat(partnerId, " action=").concat(action, " requestId=").concat(requestId));
+              _context.p = 2;
+              _context.n = 3;
+              return this.runner.runAdapter(action, args);
+            case 3:
+              result = _context.v;
+              elapsedMs = Date.now() - startedAt;
+              ok = result && _typeof(result) === 'object' && 'ok' in result ? !!result.ok : true; // 50KB result-size cap (mirror ClientToolsRegistry.MAX_RESULT_SIZE).
+              serializedSize = 0;
+              try {
+                serializedSize = JSON.stringify(result).length;
+              } catch (_unused) {
+                serializedSize = 0;
+              }
+              if (!(serializedSize > MAX_RESULT_SIZE)) {
+                _context.n = 4;
+                break;
+              }
+              sizeKB = Math.round(serializedSize / 1024);
+              limitKB = Math.round(MAX_RESULT_SIZE / 1024);
+              console.error("".concat(LOG).concat(this._tag(), " result for '").concat(action, "' exceeds size limit (").concat(sizeKB, "KB > ").concat(limitKB, "KB)"));
+              this._send({
+                t: 'run_partner_script_result',
+                requestId: requestId,
+                partnerId: partnerId,
+                action: action,
+                ok: false,
+                error: 'RESULT_TOO_LARGE'
+              });
+              return _context.a(2);
+            case 4:
+              if (ok) {
+                console.log("".concat(LOG).concat(this._tag(), " run_partner_script ok partner=").concat(partnerId, " action=").concat(action, " requestId=").concat(requestId, " (").concat(elapsedMs, "ms)"));
+              } else {
+                reason = result && (result.reason || result.error) || 'unknown';
+                console.warn("".concat(LOG).concat(this._tag(), " run_partner_script failed partner=").concat(partnerId, " action=").concat(action, " requestId=").concat(requestId, " reason=").concat(reason, " (").concat(elapsedMs, "ms)"), result);
+              }
+              this._send({
+                t: 'run_partner_script_result',
+                requestId: requestId,
+                partnerId: partnerId,
+                action: action,
+                ok: ok,
+                result: result
+              });
+              _context.n = 6;
+              break;
+            case 5:
+              _context.p = 5;
+              _t = _context.v;
+              _elapsedMs = Date.now() - startedAt;
+              console.error("".concat(LOG).concat(this._tag(), " run_partner_script threw partner=").concat(partnerId, " action=").concat(action, " requestId=").concat(requestId, " (").concat(_elapsedMs, "ms):"), _t);
+              this._send({
+                t: 'run_partner_script_result',
+                requestId: requestId,
+                partnerId: partnerId,
+                action: action,
+                ok: false,
+                error: _t && _t.message || String(_t)
+              });
+            case 6:
+              return _context.a(2);
+          }
+        }, _callee, this, [[2, 5]]);
+      }));
+      function handleRunPartnerScript(_x) {
+        return _handleRunPartnerScript.apply(this, arguments);
+      }
+      return handleRunPartnerScript;
+    }())
+  }, {
+    key: "_tag",
+    value: function _tag() {
+      return this._label ? " [".concat(this._label, "]") : '';
+    }
+  }], [{
+    key: "isClientToolsBundle",
+    value: function isClientToolsBundle(message) {
+      return !!message && (message.t === 'partner_bundle' || message.type === 'partner_bundle') && message.partner_id === CLIENT_TOOLS_PARTNER_ID;
+    }
+
+    /**
+     * True when this run_partner_script envelope targets the sentinel partner id.
+     * @param {object} message
+     * @returns {boolean}
+     */
+  }, {
+    key: "isClientToolsScript",
+    value: function isClientToolsScript(message) {
+      return !!message && message.partnerId === CLIENT_TOOLS_PARTNER_ID;
+    }
+  }]);
+}();
+
 /***/ }),
 
 /***/ "./src/core/ClientToolsRegistry.js":
@@ -10999,6 +11257,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _EventEmitter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EventEmitter.js */ "./src/core/EventEmitter.js");
 /* harmony import */ var _ClientToolsRegistry_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClientToolsRegistry.js */ "./src/core/ClientToolsRegistry.js");
+/* harmony import */ var _ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ClientScriptManager.js */ "./src/core/ClientScriptManager.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
@@ -11030,6 +11289,7 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
  */
 
 
+
 var RECONNECT_DELAY_MS = 1000;
 var MAX_RECONNECT_ATTEMPTS = 5;
 var TEXT_CHAT_PATH = '/chat/text';
@@ -11067,6 +11327,18 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
     }, function () {
       return _this.config.conversationId;
     }, config.sharedToolHandlers || null);
+
+    // Flavor-independent client-tool script manager (reserved partner id
+    // `__client_tools__`). Owns its own PartnerScriptRunner so client-tool
+    // scripts run regardless of flavor, alongside (and separate from) the
+    // ecommerce flavor's partner runner. Sends result/emit frames over this
+    // text-chat WebSocket so the response returns on the channel it arrived on.
+    _this.clientScriptManager = new _ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_2__.ClientScriptManager({
+      send: function send(message) {
+        return _this.sendRaw(message);
+      },
+      label: 'text'
+    });
     return _this;
   }
 
@@ -11190,6 +11462,16 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
             return;
           }
 
+          // Flavor-independent client-tool bundle (partner_id `__client_tools__`)
+          // is loaded by the dedicated ClientScriptManager. Every other partner id
+          // falls through to the flavor (via the emitted 'message' event), so the
+          // ecommerce flavor's own bundle handling keeps working untouched.
+          if (data.t === 'partner_bundle' && _ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_2__.ClientScriptManager.isClientToolsBundle(data)) {
+            _this2.clientScriptManager.setBundle(data);
+            _this2.emit('message', data);
+            return;
+          }
+
           // Server responds with hello_ack (same format as voice SDK)
           if (data.t === 'hello_ack') {
             if (!data.ok) {
@@ -11412,9 +11694,15 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
               console.warn('[TextChatSDK] run_partner_script missing requestId; dropping', message);
               return _context2.a(2);
             case 1:
+              if (!_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_2__.ClientScriptManager.isClientToolsScript(message)) {
+                _context2.n = 2;
+                break;
+              }
+              return _context2.a(2, this.clientScriptManager.handleRunPartnerScript(message));
+            case 2:
               handler = (_this$clientToolsRegi = this.clientToolsRegistry) === null || _this$clientToolsRegi === void 0 || (_this$clientToolsRegi = _this$clientToolsRegi.handlers) === null || _this$clientToolsRegi === void 0 ? void 0 : _this$clientToolsRegi.get('run_partner_script');
               if (handler) {
-                _context2.n = 2;
+                _context2.n = 3;
                 break;
               }
               console.error("[TextChatSDK] no run_partner_script handler registered (ecommerce flavor not loaded?); requestId=".concat(requestId, " partner=").concat(partnerId, " action=").concat(action));
@@ -11427,15 +11715,15 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
                 error: 'no_handler_registered'
               });
               return _context2.a(2);
-            case 2:
+            case 3:
               startedAt = Date.now();
-              _context2.p = 3;
-              _context2.n = 4;
+              _context2.p = 4;
+              _context2.n = 5;
               return handler({
                 action: action,
                 args: args
               });
-            case 4:
+            case 5:
               result = _context2.v;
               ok = result && _typeof(result) === 'object' && 'ok' in result ? !!result.ok : true;
               elapsedMs = Date.now() - startedAt;
@@ -11453,10 +11741,10 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
                 ok: ok,
                 result: result
               });
-              _context2.n = 6;
+              _context2.n = 7;
               break;
-            case 5:
-              _context2.p = 5;
+            case 6:
+              _context2.p = 6;
               _t = _context2.v;
               _elapsedMs = Date.now() - startedAt;
               console.error("[TextChatSDK] run_partner_script threw partner=".concat(partnerId, " action=").concat(action, " requestId=").concat(requestId, " (").concat(_elapsedMs, "ms):"), _t);
@@ -11468,10 +11756,10 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
                 ok: false,
                 error: _t && _t.message || String(_t)
               });
-            case 6:
+            case 7:
               return _context2.a(2);
           }
-        }, _callee2, this, [[3, 5]]);
+        }, _callee2, this, [[4, 6]]);
       }));
       function _handleRunPartnerScript(_x2) {
         return _handleRunPartnerScript2.apply(this, arguments);
@@ -11522,7 +11810,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
 
       // SDK build time for debugging
       if (true) {
-        helloMessage.lastBuildTime = "2026-05-07T11:24:41.900Z";
+        helloMessage.lastBuildTime = "2026-06-12T20:23:48.560Z";
       }
       try {
         this.ws.send(JSON.stringify(helloMessage));
@@ -12304,9 +12592,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _EcommercePresenter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EcommercePresenter.js */ "./src/ecommerce/EcommercePresenter.js");
 /* harmony import */ var _ProductPicker_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ProductPicker.js */ "./src/ecommerce/ProductPicker.js");
 /* harmony import */ var _CartToast_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CartToast.js */ "./src/ecommerce/CartToast.js");
-/* harmony import */ var _CartSummary_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CartSummary.js */ "./src/ecommerce/CartSummary.js");
-/* harmony import */ var _FlyToCart_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./FlyToCart.js */ "./src/ecommerce/FlyToCart.js");
-/* harmony import */ var _ecommerceStyles_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ecommerceStyles.js */ "./src/ecommerce/ecommerceStyles.js");
+/* harmony import */ var _FlyToCart_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FlyToCart.js */ "./src/ecommerce/FlyToCart.js");
+/* harmony import */ var _ecommerceStyles_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ecommerceStyles.js */ "./src/ecommerce/ecommerceStyles.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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -12325,8 +12612,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * DesktopPresenter — Desktop UI strategy for e-commerce.
  *
  * Renders products via ProductPicker inside the shadow-root #ttpEcommerceArea,
- * manages panel expansion/shrinking, compact voice mode switching, CartToast,
- * and CartSummary.
+ * manages panel expansion/shrinking, compact voice mode switching, and CartToast.
  *
  * Implements the EcommercePresenter interface.
  */
@@ -12335,7 +12621,6 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
-
 var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
   /**
    * @param {Object} config
@@ -12351,7 +12636,7 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
     _this.shadowRoot = config.shadowRoot;
     _this.onProductAdd = config.onProductAdd || function () {};
     _this.onProductUndo = config.onProductUndo || function () {};
-    _this.flyToCart = new _FlyToCart_js__WEBPACK_IMPORTED_MODULE_4__.FlyToCart({
+    _this.flyToCart = new _FlyToCart_js__WEBPACK_IMPORTED_MODULE_3__.FlyToCart({
       getCartTarget: function getCartTarget() {
         return _this._getCartTarget();
       },
@@ -12382,7 +12667,6 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
         return _this._restoreWaveform();
       }
     });
-    _this.cartSummary = new _CartSummary_js__WEBPACK_IMPORTED_MODULE_3__.CartSummary();
     _this.container = document.createElement('div');
     _this.container.id = 'ttpEcommerceArea';
     _this.container.className = 'ttp-ecommerce-area';
@@ -12460,50 +12744,10 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
     }
   }, {
     key: "_triggerCartBump",
-    value: function _triggerCartBump() {
-      var _this3 = this;
-      this._cartBump = true;
-      this._updateCartBumpStyles();
-      setTimeout(function () {
-        _this3._cartBump = false;
-        _this3._updateCartBumpStyles();
-      }, 450);
-    }
+    value: function _triggerCartBump() {}
   }, {
     key: "_triggerRipple",
-    value: function _triggerRipple() {
-      var _this4 = this;
-      this._ripple = true;
-      this._updateRippleStyles();
-      setTimeout(function () {
-        _this4._ripple = false;
-        _this4._updateRippleStyles();
-      }, 600);
-    }
-  }, {
-    key: "_updateCartBumpStyles",
-    value: function _updateCartBumpStyles() {
-      if (!this.cartSummary.element) return;
-      var info = this.cartSummary.element.querySelector('.ttp-cart-info');
-      if (info) {
-        info.style.transform = 'none';
-        info.style.transition = '';
-      }
-    }
-  }, {
-    key: "_updateRippleStyles",
-    value: function _updateRippleStyles() {
-      if (!this.cartSummary.element || !this._ripple) return;
-      var existing = this.cartSummary.element.querySelector('.ttp-fly-ripple');
-      if (existing) existing.remove();
-      var ripple = document.createElement('div');
-      ripple.className = 'ttp-fly-ripple';
-      this.cartSummary.element.style.position = 'relative';
-      this.cartSummary.element.appendChild(ripple);
-      setTimeout(function () {
-        return ripple.remove();
-      }, 600);
-    }
+    value: function _triggerRipple() {}
 
     // ═══════════════════════════════════════════
     // EcommercePresenter interface
@@ -12548,7 +12792,6 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
     key: "onProductAdded",
     value: function onProductAdded(product, cartInfo) {
       this._ensureReady();
-      this.cartSummary.update(cartInfo.itemCount, cartInfo.total, cartInfo.currency);
       this._toastActive = true;
       /* Hide products and shrink to toast height (not original) — full shrink happens when toast is gone */
       this.hideProducts({
@@ -12567,9 +12810,9 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
   }, {
     key: "_setPanelHeightForToast",
     value: function _setPanelHeightForToast() {
-      var _this5 = this;
+      var _this3 = this;
       var apply = function apply() {
-        var panel = _this5._queryId('text-chat-panel');
+        var panel = _this3._queryId('text-chat-panel');
         if (!panel) return;
         var height = Math.min(DesktopPresenter.TOAST_HEIGHT_PX, Math.floor(window.innerHeight * 0.92));
         panel.classList.add('ttp-panel-expanded');
@@ -12599,14 +12842,10 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
     }
   }, {
     key: "updateCart",
-    value: function updateCart(cartInfo) {
-      this._ensureReady();
-      this.cartSummary.update(cartInfo.itemCount, cartInfo.total, cartInfo.currency);
-    }
+    value: function updateCart(_cartInfo) {}
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$cartSummary$ele;
       if (this.flyToCart) this.flyToCart.destroy();
       this.productPicker.hide();
       this.cartToast.hide();
@@ -12615,9 +12854,6 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
       if (this.voiceActiveState) {
         this.voiceActiveState.classList.remove('ttp-products-visible');
       }
-      if ((_this$cartSummary$ele = this.cartSummary.element) !== null && _this$cartSummary$ele !== void 0 && _this$cartSummary$ele.parentNode) {
-        this.cartSummary.element.parentNode.removeChild(this.cartSummary.element);
-      }
       if (this.container && this.container.parentNode) {
         this.container.parentNode.removeChild(this.container);
       }
@@ -12638,7 +12874,7 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
   }, {
     key: "_injectStyles",
     value: function _injectStyles() {
-      var css = (0,_ecommerceStyles_js__WEBPACK_IMPORTED_MODULE_5__.generateEcommerceCSS)();
+      var css = (0,_ecommerceStyles_js__WEBPACK_IMPORTED_MODULE_4__.generateEcommerceCSS)();
       var root = this.shadowRoot;
       if (!root) return;
 
@@ -12683,18 +12919,6 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
       } else {
         this.voiceActiveState.appendChild(this.container);
       }
-
-      /* Cart inside input area — unified section (like mobile) */
-      var inputArea = this.voiceActiveState.querySelector('.voice-text-input-area');
-      if (inputArea) {
-        var cartEl = this.cartSummary.render();
-        cartEl.classList.add('ttp-cart-summary-inline');
-        inputArea.appendChild(cartEl);
-      } else {
-        var _cartEl = this.cartSummary.render();
-        _cartEl.classList.add('ttp-cart-summary-bottom');
-        this.voiceActiveState.appendChild(_cartEl);
-      }
       this.isAttached = true;
     }
 
@@ -12716,26 +12940,20 @@ var DesktopPresenter = /*#__PURE__*/function (_EcommercePresenter) {
         this.container.style.overflowY = '';
         if (this.voiceActiveState) this.voiceActiveState.classList.remove('ttp-products-visible');
       }
-
-      /* Cart: visible only in products mode (fly target) or when items > 0 */
-      if (this.cartSummary.element) {
-        var show = mode === 'products' || mode === 'summary' && this.cartSummary.itemCount > 0;
-        this.cartSummary.element.classList.toggle('ttp-cart-empty', !show);
-      }
     }
   }, {
     key: "_expandPanelToFit",
     value: function _expandPanelToFit(productCount, layout) {
-      var _this6 = this;
+      var _this4 = this;
       if (!this._widgetDomRoot()) return;
       var panel = this._queryId('text-chat-panel');
       if (!panel) return;
       panel.classList.add('ttp-panel-expanded');
       var activeState = this._queryId('voiceActiveState');
       requestAnimationFrame(function () {
-        var _this6$container;
+        var _this4$container;
         var compact = activeState === null || activeState === void 0 ? void 0 : activeState.querySelector('.compact-voice-section');
-        var picker = (_this6$container = _this6.container) === null || _this6$container === void 0 ? void 0 : _this6$container.querySelector('.ttp-product-picker');
+        var picker = (_this4$container = _this4.container) === null || _this4$container === void 0 ? void 0 : _this4$container.querySelector('.ttp-product-picker');
         var transcript = activeState === null || activeState === void 0 ? void 0 : activeState.querySelector('.desktop-conversation-panel');
         var inputRow = activeState === null || activeState === void 0 ? void 0 : activeState.querySelector('.voice-text-input-area');
         var needed = 0;
@@ -13142,65 +13360,470 @@ var EcommercePresenter = /*#__PURE__*/function () {
 
 /***/ }),
 
-/***/ "./src/ecommerce/FlyToCart.js":
-/*!************************************!*\
-  !*** ./src/ecommerce/FlyToCart.js ***!
-  \************************************/
+/***/ "./src/ecommerce/EcommerceVoiceStrip.js":
+/*!**********************************************!*\
+  !*** ./src/ecommerce/EcommerceVoiceStrip.js ***!
+  \**********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   FlyToCart: () => (/* binding */ FlyToCart)
+/* harmony export */   EcommerceVoiceStrip: () => (/* binding */ EcommerceVoiceStrip)
 /* harmony export */ });
-/* harmony import */ var html2canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! html2canvas */ "./node_modules/html2canvas/dist/html2canvas.js");
-/* harmony import */ var html2canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(html2canvas__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../widget/voice/rtlText.js */ "./src/widget/voice/rtlText.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**
- * FlyToCart — Fly-to-cart animation with tornado funnel effect.
+ * EcommerceVoiceStrip
  *
- * When the user taps "Add to Cart", the product card flies straight down
- * into the cart icon with a 3D tornado distortion, particle trail, and impact effects.
+ * Fixed bottom-strip voice UI for desktop sessions with flavor.callView === 'minimized'.
+ * (Historically ecommerce-only; now any flavored widget may opt in.) Requires
+ * window.innerWidth > 768.
  *
- * Uses html2canvas to capture the card as an image — avoids DOM stacking/overflow
- * clipping when the widget is in an iframe or a container with overflow:hidden.
+ * Appended to document.body (outside shadow DOM). Control actions delegate to
+ * VoiceInterface via callbacks; optional getVoiceUiState() keeps icons in sync.
  *
- * Usage:
- *   const flyToCart = new FlyToCart({
- *     getCartTarget: () => document.querySelector('.ttp-cart-icon'),
- *     onCartBump: () => { ... },
- *   });
- *   flyToCart.triggerFly(cardElement, product, () => { /* add to cart API *\/ });
+ * Public API:
+ *   strip.show(opts?)     – opts.reset false = reveal without clearing transcript
+ *   strip.hide()
+ *   strip.syncFromVoice() – refresh mute / pause / speaker icons from getVoiceUiState
+ *   strip.updateTranscript(text) – assistant line (replaces any user text on the strip)
+ *   strip.updateUserTranscript(text, isFinal) – user STT on the same line (replaces agent text); no "You:" prefix; warm text color
+ *   strip.updateTimer(text)
+ *   strip.setMuted(bool)  – legacy sync (prefer syncFromVoice)
+ *   strip.setHeld(bool)   – legacy pause visual (maps to paused)
+ *   strip.destroy()
  */
 
-
-var DURATION = 1000;
-var FlyToCart = /*#__PURE__*/function () {
-  function FlyToCart() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, FlyToCart);
-    this.getCartTarget = options.getCartTarget || function () {
-      return null;
-    };
-    this.onCartBump = options.onCartBump || function () {};
-    this.onRipple = options.onRipple || function () {};
-    this.animatingId = null;
-    this.trailParticles = [];
-    this.canvas = null;
-    this.rafId = null;
-    this._canvasInitialized = false;
+var EcommerceVoiceStrip = /*#__PURE__*/function () {
+  /**
+   * @param {Object} opts
+   * @param {Object} [opts.theme] – match floating pill: pillGradient, pillTextColor, pillDotColor, endCallButtonColor
+   * @param {() => { isMicMuted: boolean, isPaused: boolean, isSpeakerMuted: boolean }} [opts.getVoiceUiState]
+   * @param {Function} opts.onHangup
+   * @param {Function} opts.onToggleMute
+   * @param {Function} opts.onTogglePause
+   * @param {Function} opts.onToggleSpeaker
+   * @param {Function} opts.onSendText
+   * @param {string} [opts.language] – Widget language (BCP-47); with `opts.direction` drives RTL transcript/input.
+   * @param {string} [opts.direction] – Widget `direction` (`ltr` | `rtl`); Hebrew/Arabic `language` also enables RTL text.
+   * @param {{ brandUrl: string, brandName: string } | null} [opts.footer] – "Powered by" row at bottom of strip
+   */
+  function EcommerceVoiceStrip() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, EcommerceVoiceStrip);
+    this.theme = opts.theme || {};
+    this.footer = opts.footer || null;
+    this.getVoiceUiState = typeof opts.getVoiceUiState === 'function' ? opts.getVoiceUiState : null;
+    this._language = typeof opts.language === 'string' ? opts.language : '';
+    this._direction = opts.direction === 'rtl' || opts.direction === 'ltr' ? opts.direction : '';
+    this.onHangup = opts.onHangup || function () {};
+    this.onToggleMute = opts.onToggleMute || function () {};
+    this.onTogglePause = opts.onTogglePause || function () {};
+    this.onToggleSpeaker = opts.onToggleSpeaker || function () {};
+    this.onSendText = opts.onSendText || function () {};
+    this._kbdOpen = false;
+    this._el = null;
+    this._build();
   }
-  return _createClass(FlyToCart, [{
-    key: "isAnimating",
-    get: function get() {
+  return _createClass(EcommerceVoiceStrip, [{
+    key: "_applyStripTextDirection",
+    value: function _applyStripTextDirection() {
+      if (!this._el) return;
+      var stripCfg = {
+        language: this._language,
+        direction: this._direction
+      };
+      var rtlChrome = (0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.configPrefersRtlText)(stripCfg);
+      var transcript = this._el.querySelector('#ttp-ecom-transcript');
+      var center = this._el.querySelector('#ttp-ecom-center');
+      var inputRow = this._el.querySelector('#ttp-ecom-input-row');
+      var input = this._el.querySelector('#ttp-ecom-input');
+      var preferredLang = this._language && this._language.trim();
+      if (transcript) {
+        transcript.setAttribute('dir', (0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(transcript.textContent || '', stripCfg));
+        if (rtlChrome && preferredLang) transcript.setAttribute('lang', preferredLang);else transcript.removeAttribute('lang');
+      }
+      if (center) {
+        if (rtlChrome) {
+          center.setAttribute('dir', 'rtl');
+          if (preferredLang) center.setAttribute('lang', preferredLang);else center.removeAttribute('lang');
+        } else {
+          center.removeAttribute('dir');
+          center.removeAttribute('lang');
+        }
+      }
+      if (rtlChrome) {
+        if (inputRow) {
+          inputRow.setAttribute('dir', 'rtl');
+          if (preferredLang) inputRow.setAttribute('lang', preferredLang);else inputRow.removeAttribute('lang');
+        }
+        if (input) {
+          input.setAttribute('dir', 'rtl');
+          if (preferredLang) input.setAttribute('lang', preferredLang);else input.removeAttribute('lang');
+        }
+      } else {
+        if (inputRow) {
+          inputRow.removeAttribute('dir');
+          inputRow.removeAttribute('lang');
+        }
+        if (input) {
+          input.setAttribute('dir', 'auto');
+          input.removeAttribute('lang');
+        }
+      }
+    }
+  }, {
+    key: "_build",
+    value: function _build() {
+      this._injectStyles();
+      var wrapper = document.createElement('div');
+      wrapper.id = 'ttp-ecom-strip-wrapper';
+      wrapper.innerHTML = this._html();
+      document.body.appendChild(wrapper);
+      this._el = wrapper;
+      var strip = this._el.querySelector('#ttp-ecom-strip');
+      if (strip) this._applyTheme(strip);
+      this._applyStripTextDirection();
+      this._wireEvents();
+      this._el.style.display = 'none';
+    }
+  }, {
+    key: "_applyTheme",
+    value: function _applyTheme(strip) {
+      var t = this.theme;
+      var g = t.pillGradient || 'linear-gradient(135deg, #581c87, #312e81, #1e1b4b)';
+      var fg = t.pillTextColor || '#ffffff';
+      var accent = t.pillDotColor || '#4ade80';
+      var endC = t.endCallButtonColor || '#ef4444';
+      strip.style.setProperty('--ecom-strip-bg', g);
+      strip.style.setProperty('--ecom-fg', fg);
+      strip.style.setProperty('--ecom-accent', accent);
+      strip.style.setProperty('--ecom-end', endC);
+    }
+  }, {
+    key: "_html",
+    value: function _html() {
+      return "\n      <div id=\"ttp-ecom-strip\" role=\"region\" aria-label=\"Voice call\">\n        <div id=\"ttp-ecom-live-edge\" aria-live=\"polite\">\n          <div id=\"ttp-ecom-live-row\">\n            <span id=\"ttp-ecom-dot\" class=\"ttp-ecom-live-dot\"></span>\n            <span id=\"ttp-ecom-live-label\">LIVE \xB7 00:00</span>\n          </div>\n        </div>\n        <div id=\"ttp-ecom-main-row\">\n          <div id=\"ttp-ecom-left-controls\" class=\"ttp-ecom-controls\">\n            <button type=\"button\" class=\"ttp-ecom-ctrl\" id=\"ttp-ecom-btn-mic\" title=\"Mute / Unmute\" aria-pressed=\"false\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"ttp-ecom-mic-on\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n              </svg>\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"ttp-ecom-mic-off\" style=\"display:none\" aria-hidden=\"true\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#fca5a5\" stroke-width=\"1.6\" stroke-linecap=\"round\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-ecom-ctrl\" id=\"ttp-ecom-btn-pause\" title=\"Pause / Resume\" aria-pressed=\"false\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"ttp-ecom-pause-ico\">\n                <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n              </svg>\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"ttp-ecom-play-ico\" style=\"display:none\" aria-hidden=\"true\">\n                <polygon points=\"6,4 20,12 6,20\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-ecom-ctrl\" id=\"ttp-ecom-btn-speaker\" title=\"Speaker\" aria-pressed=\"false\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"ttp-ecom-spk-on\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n              </svg>\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"ttp-ecom-spk-off\" style=\"display:none\" aria-hidden=\"true\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#fca5a5\" stroke-width=\"1.6\" stroke-linecap=\"round\"/>\n              </svg>\n            </button>\n          </div>\n\n          <div id=\"ttp-ecom-center\">\n            <div id=\"ttp-ecom-transcript\" aria-live=\"polite\">Connecting\u2026</div>\n          </div>\n\n          <div id=\"ttp-ecom-right-cluster\" class=\"ttp-ecom-controls\">\n            <div class=\"ttp-ecom-mini-wave\" aria-hidden=\"true\">\n              <span class=\"ttp-ecom-wb\"></span><span class=\"ttp-ecom-wb\"></span><span class=\"ttp-ecom-wb\"></span>\n              <span class=\"ttp-ecom-wb\"></span><span class=\"ttp-ecom-wb\"></span>\n            </div>\n            <button type=\"button\" class=\"ttp-ecom-ctrl\" id=\"ttp-ecom-btn-kbd\" title=\"Type a message\" aria-pressed=\"false\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"/>\n                <path d=\"M6 8h.01M10 8h.01M14 8h.01M18 8h.01M6 12h.01M10 12h.01M14 12h.01M18 12h.01M8 16h8\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-ecom-ctrl ttp-ecom-ctrl-end\" id=\"ttp-ecom-btn-end\" title=\"End call\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.97 3.4 2 2 0 0 1 3.95 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n\n        <div id=\"ttp-ecom-input-row\">\n          <input type=\"text\" id=\"ttp-ecom-input\" placeholder=\"Type your message\u2026\" autocomplete=\"off\" />\n          <button type=\"button\" id=\"ttp-ecom-send\" title=\"Send\" class=\"ttp-ecom-send\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>\n            </svg>\n          </button>\n        </div>\n        ".concat(this._footerHtml(), "\n      </div>\n    ");
+    }
+  }, {
+    key: "_footerHtml",
+    value: function _footerHtml() {
+      if (!this.footer) return '';
+      var _this$footer = this.footer,
+        brandUrl = _this$footer.brandUrl,
+        brandName = _this$footer.brandName;
+      return "\n        <div id=\"ttp-ecom-footer\" class=\"ttp-ecom-footer\">\n          <span>Powered by <a href=\"".concat(brandUrl, "\" target=\"_blank\" rel=\"noopener noreferrer\"><b>").concat(brandName, "</b></a></span>\n        </div>");
+    }
+  }, {
+    key: "_wireEvents",
+    value: function _wireEvents() {
+      var _this = this;
+      var $ = function $(id) {
+        return _this._el.querySelector('#' + id);
+      };
+      $('ttp-ecom-btn-mic').addEventListener('click', function () {
+        _this.onToggleMute();
+        _this.syncFromVoice();
+      });
+      $('ttp-ecom-btn-pause').addEventListener('click', function () {
+        _this.onTogglePause();
+        _this.syncFromVoice();
+      });
+      $('ttp-ecom-btn-speaker').addEventListener('click', function () {
+        _this.onToggleSpeaker();
+        _this.syncFromVoice();
+      });
+      $('ttp-ecom-btn-kbd').addEventListener('click', function () {
+        _this._kbdOpen = !_this._kbdOpen;
+        $('ttp-ecom-btn-kbd').classList.toggle('ttp-ecom-ctrl-active', _this._kbdOpen);
+        $('ttp-ecom-input-row').classList.toggle('open', _this._kbdOpen);
+        if (_this._kbdOpen) setTimeout(function () {
+          return $('ttp-ecom-input').focus();
+        }, 50);
+      });
+      $('ttp-ecom-btn-end').addEventListener('click', function () {
+        return _this.onHangup();
+      });
+      var sendFn = function sendFn() {
+        var input = $('ttp-ecom-input');
+        var text = input.value.trim();
+        if (!text) return;
+        _this.onSendText(text);
+        _this.updateUserTranscript(text, true);
+        input.value = '';
+      };
+      $('ttp-ecom-send').addEventListener('click', sendFn);
+      $('ttp-ecom-input').addEventListener('keydown', function (e) {
+        if (e.key === 'Enter') sendFn();
+      });
+    }
+  }, {
+    key: "show",
+    value: function show() {
+      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (!this._el) return;
+      if (opts.reset !== false) this._reset();
+      this._el.style.display = '';
+      this.syncFromVoice();
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      if (!this._el) return;
+      this._el.style.display = 'none';
+    }
+  }, {
+    key: "syncFromVoice",
+    value: function syncFromVoice() {
+      if (!this._el || !this.getVoiceUiState) return;
+      var s;
+      try {
+        s = this.getVoiceUiState();
+      } catch (_) {
+        return;
+      }
+      var micMuted = !!s.isMicMuted;
+      var paused = !!s.isPaused;
+      var spkMuted = !!s.isSpeakerMuted;
+      var micBtn = this._el.querySelector('#ttp-ecom-btn-mic');
+      var micOn = this._el.querySelector('.ttp-ecom-mic-on');
+      var micOff = this._el.querySelector('.ttp-ecom-mic-off');
+      if (micBtn && micOn && micOff) {
+        micBtn.classList.toggle('ttp-ecom-ctrl-warn', micMuted);
+        micBtn.setAttribute('aria-pressed', micMuted ? 'true' : 'false');
+        micOn.style.display = micMuted ? 'none' : 'block';
+        micOff.style.display = micMuted ? 'block' : 'none';
+      }
+      var pauseBtn = this._el.querySelector('#ttp-ecom-btn-pause');
+      var pauseIco = this._el.querySelector('.ttp-ecom-pause-ico');
+      var playIco = this._el.querySelector('.ttp-ecom-play-ico');
+      if (pauseBtn && pauseIco && playIco) {
+        pauseBtn.classList.toggle('ttp-ecom-ctrl-warn', paused);
+        pauseBtn.setAttribute('aria-pressed', paused ? 'true' : 'false');
+        pauseIco.style.display = paused ? 'none' : 'block';
+        playIco.style.display = paused ? 'block' : 'none';
+      }
+      var spkBtn = this._el.querySelector('#ttp-ecom-btn-speaker');
+      var spkOn = this._el.querySelector('.ttp-ecom-spk-on');
+      var spkOff = this._el.querySelector('.ttp-ecom-spk-off');
+      if (spkBtn && spkOn && spkOff) {
+        spkBtn.classList.toggle('ttp-ecom-ctrl-warn', spkMuted);
+        spkBtn.setAttribute('aria-pressed', spkMuted ? 'true' : 'false');
+        spkOn.style.display = spkMuted ? 'none' : 'block';
+        spkOff.style.display = spkMuted ? 'block' : 'none';
+      }
+      var dot = this._el.querySelector('#ttp-ecom-dot');
+      if (dot) dot.classList.toggle('paused', paused);
+      this._syncMiniWave(micMuted || paused || spkMuted);
+    }
+  }, {
+    key: "_syncMiniWave",
+    value: function _syncMiniWave(frozen) {
+      var _this$_el;
+      (_this$_el = this._el) === null || _this$_el === void 0 || _this$_el.querySelectorAll('.ttp-ecom-mini-wave .ttp-ecom-wb').forEach(function (b) {
+        b.classList.toggle('paused', frozen);
+      });
+    }
+  }, {
+    key: "updateTranscript",
+    value: function updateTranscript(text) {
+      var _this$_language;
+      if (!this._el) return;
+      var el = this._el.querySelector('#ttp-ecom-transcript');
+      if (!el) return;
+      var t = text != null ? String(text) : '';
+      if (!t.trim()) return;
+      var stripCfg = {
+        language: this._language,
+        direction: this._direction
+      };
+      el.classList.remove('ttp-ecom-transcript--user');
+      el.textContent = t;
+      el.style.color = '';
+      el.setAttribute('dir', (0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(t, stripCfg));
+      if ((0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.configPrefersRtlText)(stripCfg) && (_this$_language = this._language) !== null && _this$_language !== void 0 && _this$_language.trim()) el.setAttribute('lang', this._language.trim());else el.removeAttribute('lang');
+    }
+
+    /**
+     * User STT (interim + final) on the same line as the assistant transcript; replaces agent text while user is speaking.
+     * No "You:" prefix — color distinguishes user vs agent.
+     * @param {string} text
+     * @param {boolean} [isFinal]
+     */
+  }, {
+    key: "updateUserTranscript",
+    value: function updateUserTranscript(text, isFinal) {
+      if (!this._el) return;
+      var el = this._el.querySelector('#ttp-ecom-transcript');
+      if (!el) return;
+      var stripCfg = {
+        language: this._language,
+        direction: this._direction
+      };
+      var utter = text != null ? String(text) : '';
+      var trimmed = utter.trim();
+      if (!trimmed) {
+        el.textContent = '';
+        el.classList.remove('ttp-ecom-transcript--user');
+        el.style.color = '';
+        el.removeAttribute('dir');
+        el.removeAttribute('lang');
+        return;
+      }
+      el.classList.add('ttp-ecom-transcript--user');
+      el.textContent = utter;
+      el.style.color = '';
+      el.setAttribute('dir', (0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(utter, stripCfg));
+      var preferredLang = this._language && this._language.trim();
+      if ((0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.configPrefersRtlText)(stripCfg) && preferredLang) el.setAttribute('lang', preferredLang);else el.removeAttribute('lang');
+    }
+  }, {
+    key: "updateTimer",
+    value: function updateTimer(timerText) {
+      if (!this._el) return;
+      var el = this._el.querySelector('#ttp-ecom-live-label');
+      if (el) el.textContent = 'LIVE · ' + timerText;
+    }
+  }, {
+    key: "setMuted",
+    value: function setMuted(muted) {
+      if (!this.getVoiceUiState) return;
+      this.syncFromVoice();
+    }
+  }, {
+    key: "setHeld",
+    value: function setHeld(held) {
+      if (!this.getVoiceUiState) return;
+      this.syncFromVoice();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      if (this._el && this._el.parentNode) this._el.parentNode.removeChild(this._el);
+      this._el = null;
+      var style = document.getElementById('ttp-ecom-strip-styles');
+      if (style) style.parentNode.removeChild(style);
+    }
+  }, {
+    key: "_reset",
+    value: function _reset() {
+      var _this2 = this,
+        _$,
+        _$2;
+      this._kbdOpen = false;
+      var $ = function $(id) {
+        return _this2._el.querySelector('#' + id);
+      };
+      var tx = $('ttp-ecom-transcript');
+      if (tx) {
+        var _this$_language2;
+        tx.textContent = 'Connecting…';
+        tx.classList.remove('ttp-ecom-transcript--user');
+        tx.style.color = '';
+        var stripCfg = {
+          language: this._language,
+          direction: this._direction
+        };
+        tx.setAttribute('dir', (0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(tx.textContent, stripCfg));
+        if ((0,_widget_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.configPrefersRtlText)(stripCfg) && (_this$_language2 = this._language) !== null && _this$_language2 !== void 0 && _this$_language2.trim()) tx.setAttribute('lang', this._language.trim());else tx.removeAttribute('lang');
+      }
+      var live = $('ttp-ecom-live-label');
+      if (live) {
+        live.textContent = 'LIVE · 00:00';
+        live.style.color = '';
+      }
+      var dot = $('ttp-ecom-dot');
+      if (dot) {
+        dot.style.background = '';
+        dot.classList.remove('paused');
+      }
+      (_$ = $('ttp-ecom-input-row')) === null || _$ === void 0 || _$.classList.remove('open');
+      (_$2 = $('ttp-ecom-btn-kbd')) === null || _$2 === void 0 || _$2.classList.remove('ttp-ecom-ctrl-active');
+      this._syncMiniWave(false);
+      this.syncFromVoice();
+    }
+  }, {
+    key: "_injectStyles",
+    value: function _injectStyles() {
+      if (document.getElementById('ttp-ecom-strip-styles')) return;
+      var staleClip = document.getElementById('ttp-ecom-tab-clip-defs');
+      if (staleClip) staleClip.remove();
+      var style = document.createElement('style');
+      style.id = 'ttp-ecom-strip-styles';
+      style.textContent = EcommerceVoiceStrip._CSS;
+      document.head.appendChild(style);
+    }
+  }]);
+}();
+EcommerceVoiceStrip._CSS = "\n#ttp-ecom-strip-wrapper {\n  position: fixed;\n  left: 50%;\n  bottom: 0;\n  transform: translateX(-50%);\n  width: min(720px, calc(100vw - 40px));\n  max-width: calc(100vw - 40px);\n  z-index: 2147483647;\n  box-sizing: border-box;\n  padding: 0 14px max(14px, env(safe-area-inset-bottom, 0px));\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  font-feature-settings: \"kern\" 1, \"liga\" 1;\n  pointer-events: none;\n}\n#ttp-ecom-strip-wrapper * { box-sizing: border-box; }\n\n/* Layered glass dock: rim light, soft lift, optional backdrop tint */\n#ttp-ecom-strip {\n  pointer-events: auto;\n  position: relative;\n  isolation: isolate;\n  margin: 0;\n  border-radius: 26px;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  background: var(--ecom-strip-bg, linear-gradient(145deg, #5b21b6 0%, #3730a3 42%, #1e1b4b 100%));\n  background-clip: padding-box;\n  color: var(--ecom-fg, #ffffff);\n  box-shadow:\n    0 0 0 1px rgba(0, 0, 0, 0.18) inset,\n    0 1px 0 rgba(255, 255, 255, 0.14) inset,\n    0 -20px 40px -8px rgba(0, 0, 0, 0.22) inset,\n    0 12px 32px rgba(0, 0, 0, 0.22),\n    0 28px 56px -16px rgba(0, 0, 0, 0.45),\n    0 0 80px -20px rgba(99, 102, 241, 0.35);\n  overflow: visible;\n}\n\n#ttp-ecom-strip::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  z-index: 0;\n  background: linear-gradient(\n    165deg,\n    rgba(255, 255, 255, 0.08) 0%,\n    rgba(255, 255, 255, 0) 42%,\n    rgba(0, 0, 0, 0.12) 100%\n  );\n}\n\n/* LIVE chip \u2014 glass capsule (backdrop blur), straddles top edge */\n#ttp-ecom-live-edge {\n  position: absolute;\n  left: 50%;\n  top: 0;\n  transform: translate(-50%, -50%);\n  z-index: 4;\n  max-width: calc(100% - 52px);\n  pointer-events: none;\n  padding: 3px 14px 4px;\n  border-radius: 999px;\n  background: rgba(8, 6, 24, 0.78);\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  box-shadow:\n    0 0 0 1px rgba(0, 0, 0, 0.35),\n    0 4px 16px rgba(0, 0, 0, 0.35),\n    inset 0 1px 0 rgba(255, 255, 255, 0.12);\n}\n@supports (backdrop-filter: blur(1px)) {\n  #ttp-ecom-live-edge {\n    backdrop-filter: blur(14px) saturate(180%);\n    -webkit-backdrop-filter: blur(14px) saturate(180%);\n  }\n}\n\n#ttp-ecom-main-row {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 18px 16px 12px;\n  min-height: 48px;\n}\n\n#ttp-ecom-footer {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 16px 10px;\n  margin-top: -4px;\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\n  padding-top: 6px;\n}\n#ttp-ecom-footer span {\n  font-size: 10px;\n  color: rgba(255, 255, 255, 0.35);\n  white-space: nowrap;\n}\n#ttp-ecom-footer a {\n  color: rgba(167, 139, 250, 0.95);\n  text-decoration: none;\n  font-weight: 600;\n}\n#ttp-ecom-footer a:hover { opacity: 0.85; }\n#ttp-ecom-footer a b { font-weight: 700; }\n\n#ttp-ecom-left-controls,\n#ttp-ecom-right-cluster {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  flex-shrink: 0;\n}\n\n/* Inset \u201Cmeter bridge\u201D for transcript \u2014 keeps one-line layout, adds depth */\n#ttp-ecom-center {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: center;\n  text-align: start;\n  padding: 7px 12px 7px 14px;\n  border-radius: 16px;\n  background: rgba(0, 0, 0, 0.16);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.07),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.12);\n}\n\n#ttp-ecom-live-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-width: 0;\n}\n\n#ttp-ecom-live-label {\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--ecom-accent, #4ade80);\n  opacity: 0.98;\n  white-space: nowrap;\n}\n\n#ttp-ecom-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--ecom-accent, #4ade80);\n  flex-shrink: 0;\n  box-shadow: 0 0 14px rgba(74, 222, 128, 0.45);\n  animation: ttp-ecom-blink 1.35s ease-in-out infinite;\n}\n#ttp-ecom-dot.paused {\n  animation: none;\n  opacity: 0.45;\n  background: rgba(255,255,255,0.35);\n  box-shadow: none;\n}\n@keyframes ttp-ecom-blink {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.25; transform: scale(0.92); }\n}\n\n#ttp-ecom-transcript {\n  font-size: 12px;\n  line-height: 1.42;\n  letter-spacing: 0.015em;\n  color: rgba(255, 255, 255, 0.94);\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n}\n\n#ttp-ecom-transcript.ttp-ecom-transcript--user {\n  color: rgba(255, 244, 214, 0.98);\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-shadow: 0 0 28px rgba(251, 191, 36, 0.22);\n}\n\n/* Squircle glass controls */\n#ttp-ecom-strip .ttp-ecom-ctrl {\n  width: 36px;\n  height: 36px;\n  border-radius: 12px;\n  border: 1px solid rgba(255, 255, 255, 0.16);\n  background: linear-gradient(165deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.05) 100%);\n  color: rgba(255, 255, 255, 0.92);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  position: relative;\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.18),\n    0 2px 8px rgba(0, 0, 0, 0.15);\n  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.14s ease;\n  outline: none;\n}\n#ttp-ecom-strip .ttp-ecom-ctrl:hover {\n  background: linear-gradient(165deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 100%);\n  border-color: rgba(255, 255, 255, 0.32);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.22),\n    0 4px 14px rgba(0, 0, 0, 0.2);\n}\n#ttp-ecom-strip .ttp-ecom-ctrl:active { transform: scale(0.94); }\n#ttp-ecom-strip .ttp-ecom-ctrl:focus-visible {\n  outline: 2px solid rgba(165, 180, 252, 0.95);\n  outline-offset: 2px;\n}\n#ttp-ecom-strip .ttp-ecom-ctrl-active {\n  background: linear-gradient(165deg, rgba(129, 140, 248, 0.45) 0%, rgba(99, 102, 241, 0.28) 100%) !important;\n  border-color: rgba(196, 181, 253, 0.65) !important;\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.2),\n    0 0 0 1px rgba(99, 102, 241, 0.35),\n    0 6px 18px rgba(79, 70, 229, 0.35) !important;\n}\n#ttp-ecom-strip .ttp-ecom-ctrl-warn {\n  background: linear-gradient(165deg, rgba(252, 165, 165, 0.22) 0%, rgba(239, 68, 68, 0.2) 100%) !important;\n  border-color: rgba(252, 165, 165, 0.55) !important;\n}\n\n#ttp-ecom-strip .ttp-ecom-ctrl-end {\n  width: 40px;\n  height: 40px;\n  border-radius: 14px;\n  background: linear-gradient(165deg, #fb7185 0%, var(--ecom-end, #ef4444) 52%, #991b1b 100%) !important;\n  border: none !important;\n  color: #fff !important;\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.25),\n    0 0 0 2px rgba(0, 0, 0, 0.12),\n    0 6px 22px rgba(239, 68, 68, 0.48);\n  transform: rotate(135deg);\n  transition: filter 0.18s ease, transform 0.14s ease, box-shadow 0.2s ease;\n}\n#ttp-ecom-strip .ttp-ecom-ctrl-end:hover {\n  filter: brightness(1.06);\n  transform: rotate(135deg) scale(1.05);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.28),\n    0 0 0 2px rgba(0, 0, 0, 0.12),\n    0 10px 28px rgba(239, 68, 68, 0.52);\n}\n#ttp-ecom-strip .ttp-ecom-ctrl-end:active {\n  transform: rotate(135deg) scale(0.94);\n}\n\n/* Mini waveform */\n#ttp-ecom-strip .ttp-ecom-mini-wave {\n  display: flex;\n  align-items: center;\n  gap: 3px;\n  height: 24px;\n  padding: 0 4px;\n  opacity: 0.9;\n}\n#ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb {\n  width: 3px;\n  border-radius: 3px;\n  background: linear-gradient(180deg, #ddd6fe 0%, var(--ecom-accent, #a78bfa) 100%);\n  animation: ttp-ecom-wa 0.78s ease-in-out infinite;\n}\n#ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb:nth-child(1) { height: 6px; animation-delay: 0s; }\n#ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb:nth-child(2) { height: 11px; animation-delay: 0.1s; }\n#ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb:nth-child(3) { height: 16px; animation-delay: 0.2s; }\n#ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb:nth-child(4) { height: 9px; animation-delay: 0.15s; }\n#ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb:nth-child(5) { height: 12px; animation-delay: 0.05s; }\n@keyframes ttp-ecom-wa {\n  0%, 100% { transform: scaleY(0.38); opacity: 0.5; }\n  50% { transform: scaleY(1); opacity: 1; }\n}\n#ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb.paused {\n  animation-play-state: paused;\n  transform: scaleY(0.32);\n  opacity: 0.28;\n}\n\n/* Input row */\n#ttp-ecom-input-row {\n  display: none;\n  position: relative;\n  z-index: 1;\n  align-items: center;\n  gap: 10px;\n  padding: 0 14px 12px;\n  margin-top: -2px;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n#ttp-ecom-input-row.open {\n  display: flex;\n}\n#ttp-ecom-input {\n  flex: 1;\n  height: 40px;\n  border-radius: 12px;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  background: rgba(0, 0, 0, 0.22);\n  color: #fff;\n  font-size: 14px;\n  padding: 0 14px;\n  outline: none;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  transition: border-color 0.18s ease, box-shadow 0.18s ease;\n}\n#ttp-ecom-input::placeholder { color: rgba(255, 255, 255, 0.42); }\n#ttp-ecom-input:focus {\n  border-color: rgba(165, 180, 252, 0.65);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.2),\n    0 0 0 3px rgba(99, 102, 241, 0.25);\n}\n\n#ttp-ecom-strip .ttp-ecom-send {\n  width: 36px;\n  height: 36px;\n  border-radius: 12px;\n  border: none;\n  background: linear-gradient(165deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.1) 100%);\n  color: #fff;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);\n  transition: background 0.18s ease, transform 0.12s ease;\n}\n#ttp-ecom-strip .ttp-ecom-send:hover {\n  background: linear-gradient(165deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.14) 100%);\n}\n#ttp-ecom-strip .ttp-ecom-send:active { transform: scale(0.94); }\n\n@media (max-width: 520px) {\n  #ttp-ecom-strip .ttp-ecom-mini-wave { display: none; }\n  #ttp-ecom-main-row { gap: 7px; padding: 16px 12px 10px; }\n  #ttp-ecom-strip .ttp-ecom-ctrl { width: 36px; height: 36px; }\n  #ttp-ecom-strip .ttp-ecom-ctrl-end { width: 40px; height: 40px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #ttp-ecom-dot { animation: none; opacity: 0.9; }\n  #ttp-ecom-strip .ttp-ecom-mini-wave .ttp-ecom-wb { animation: none; opacity: 0.65; }\n}\n";
+
+/***/ }),
+
+/***/ "./src/ecommerce/FlyToCart.js":
+/*!************************************!*\
+  !*** ./src/ecommerce/FlyToCart.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FlyToCart: () => (/* binding */ FlyToCart)
+/* harmony export */ });
+/* harmony import */ var html2canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! html2canvas */ "./node_modules/html2canvas/dist/html2canvas.js");
+/* harmony import */ var html2canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(html2canvas__WEBPACK_IMPORTED_MODULE_0__);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * FlyToCart — Fly-to-cart animation with tornado funnel effect.
+ *
+ * When the user taps "Add to Cart", the product card flies straight down
+ * into the cart icon with a 3D tornado distortion, particle trail, and impact effects.
+ *
+ * Uses html2canvas to capture the card as an image — avoids DOM stacking/overflow
+ * clipping when the widget is in an iframe or a container with overflow:hidden.
+ *
+ * Usage:
+ *   const flyToCart = new FlyToCart({
+ *     getCartTarget: () => document.querySelector('.ttp-cart-icon'),
+ *     onCartBump: () => { ... },
+ *   });
+ *   flyToCart.triggerFly(cardElement, product, () => { /* add to cart API *\/ });
+ */
+
+
+var DURATION = 1000;
+var FlyToCart = /*#__PURE__*/function () {
+  function FlyToCart() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, FlyToCart);
+    this.getCartTarget = options.getCartTarget || function () {
+      return null;
+    };
+    this.onCartBump = options.onCartBump || function () {};
+    this.onRipple = options.onRipple || function () {};
+    this.animatingId = null;
+    this.trailParticles = [];
+    this.canvas = null;
+    this.rafId = null;
+    this._canvasInitialized = false;
+  }
+  return _createClass(FlyToCart, [{
+    key: "isAnimating",
+    get: function get() {
       return this.animatingId !== null;
     }
   }, {
@@ -13567,13 +14190,10 @@ var MobilePresenter = /*#__PURE__*/function (_EcommercePresenter) {
       if (this.carousel && this.carousel.container) {
         this.carousel.showToast(product.name, cartInfo);
       }
-      this._updateMobileCartRow(cartInfo);
     }
   }, {
     key: "updateCart",
-    value: function updateCart(cartInfo) {
-      this._updateMobileCartRow(cartInfo);
-    }
+    value: function updateCart(_cartInfo) {}
   }, {
     key: "destroy",
     value: function destroy() {
@@ -13583,27 +14203,6 @@ var MobilePresenter = /*#__PURE__*/function (_EcommercePresenter) {
         this.carousel = null;
       }
     }
-
-    // ═══════════════════════════════════════════
-    // Mobile cart row in the minimized voice bar
-    // ═══════════════════════════════════════════
-  }, {
-    key: "_updateMobileCartRow",
-    value: function _updateMobileCartRow(_ref) {
-      var itemCount = _ref.itemCount,
-        total = _ref.total,
-        currency = _ref.currency;
-      var row = document.getElementById('mobileCartRow');
-      var textEl = document.getElementById('mobileCartText');
-      if (!row || !textEl) return;
-      if (itemCount <= 0) {
-        row.style.display = 'none';
-        return;
-      }
-      var itemText = "".concat(itemCount, " item").concat(itemCount !== 1 ? 's' : '');
-      textEl.textContent = "".concat(itemText, " \xB7 ").concat(currency).concat(total.toFixed(2));
-      row.style.display = 'flex';
-    }
   }]);
 }(_EcommercePresenter_js__WEBPACK_IMPORTED_MODULE_0__.EcommercePresenter);
 
@@ -14192,14 +14791,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   PartnerScriptRunner: () => (/* binding */ PartnerScriptRunner),
 /* harmony export */   buildRunPartnerScriptTool: () => (/* binding */ buildRunPartnerScriptTool)
 /* harmony export */ });
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
@@ -14207,11 +14803,18 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _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; }
+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); }
 /**
  * PartnerScriptRunner
  *
@@ -14219,7 +14822,8 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
  *
  * Backend flow:
  *   1. On session start (after flavor is applied), backend sends
- *      `{ t: 'partner_bundle', partner_id, platform, adapters: { action: {...} } }`.
+ *      `{ t: 'partner_bundle', partner_id, platform,
+ *           adapters: { action: {...} }, autoRun: { action: {...} } }`.
  *      Adapters are object-keyed because action is a unique key within a
  *      partner's bundle — the DB constraint enforces it, the voice LLM's
  *      tool schema assumes it.
@@ -14245,10 +14849,85 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
  *   - refreshUI    : platform-aware UI nudge
  *   - normalizeCart: raw-cart → canonical cart (platform-dispatched)
  *   - runAdapter   : (action, args) → Promise<result>  (invokes another adapter)
+ *   - emit         : (msg) → void  — send an unsolicited message back to the backend
+ *
+ * Orchestration (DB columns before_actions / after_actions on each adapter row):
+ *   runAdapter(action) runs, in order:
+ *     1. each before_actions[] entry (full runAdapter — hooks can chain)
+ *     2. code_js body (category event + adapter fn)
+ *     3. each after_actions[] entry when the body returned ok !== false
+ *        (args include _parentResult with the body return value)
+ *   before-hook failures are logged and do not block the main body.
+ *
+ * Inline pre/post hooks (entry-level pre_code_js / post_code_js):
+ *   Some bundles (notably the reserved `__client_tools__` client-tool bundle)
+ *   ship a 3-step entry: an optional `pre_code_js`, the required `code_js`
+ *   (main), and an optional `post_code_js`. These compile alongside `code_js`
+ *   and run synchronously in order around the main body:
+ *     - pre is best-effort: an error is logged and main still runs;
+ *     - main's return value is the result sent back; a main error → ok:false;
+ *     - post runs only if main succeeded (mirrors after-hook gating); post
+ *       errors are logged best-effort.
+ *   A bad pre/post poisons only its own entry (same isolation as code_js).
+ *
+ * Combined ordering when an entry has both named hooks and inline hooks:
+ *     named before_actions → inline pre → main → inline post → named after_actions
+ *
+ * Category-based event suppression:
+ *   When an adapter entry has a non-null `category` field, runAdapter fires a
+ *   CustomEvent on window named `netcost:partner-action:{category}` BEFORE
+ *   executing the adapter. Subscribers (e.g. cart.subscribe) listen for this
+ *   event to suppress their own duplicate notifications.
  */
 
 var LOG = '[PartnerScriptRunner]';
 
+/** Max nested runAdapter depth (before/after hooks calling other hooked actions). */
+var MAX_ORCHESTRATION_DEPTH = 16;
+function adapterResultOk(result) {
+  if (!result || _typeof(result) !== 'object') return true;
+  if (!('ok' in result)) return true;
+  return !!result.ok;
+}
+
+/**
+ * Best-effort IDs from run_partner_script args for diagnostics (cart.add, Shopify, etc.).
+ * @param {Record<string, unknown>} raw
+ * @returns {string[]}
+ */
+function extractProductIdsFromPartnerArgs(raw) {
+  if (!raw || _typeof(raw) !== 'object') return [];
+  var out = [];
+  var push = function push(v) {
+    if (v == null || v === '') return;
+    var s = String(v);
+    if (s) out.push(s);
+  };
+  push(raw.productId);
+  push(raw.sku);
+  push(raw.retailerProductId);
+  push(raw.variantId);
+  if (Array.isArray(raw.items)) {
+    var _iterator = _createForOfIteratorHelper(raw.items),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var i = _step.value;
+        if (!i || _typeof(i) !== 'object') continue;
+        push(i.productId);
+        push(i.sku);
+        push(i.retailerProductId);
+        push(i.variantId);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return _toConsumableArray(new Set(out));
+}
+
 // ---------------------------------------------------------------------------
 // Compilation
 // ---------------------------------------------------------------------------
@@ -14262,13 +14941,33 @@ var AsyncFunction = Object.getPrototypeOf(/*#__PURE__*/_asyncToGenerator(/*#__PU
   }, _callee);
 }))).constructor;
 
-// Wrap and compile an adapter body. The body is stored as an arrow function
-// expression, so we wrap it, evaluate, and invoke. AsyncFunction (not
+// Wrap and compile an adapter body. Two authoring styles are accepted:
+//
+//   1. Function expression (how DB partner adapters are stored):
+//        async (ctx) => { ...; return {...}; }
+//   2. Raw statement body (how client-tool scripts are typed in the UI):
+//        alert("hi"); return { ok: true };
+//      The body runs inside an AsyncFunction whose single parameter is `ctx`,
+//      so `ctx.args` etc. are directly in scope.
+//
+// Expression style is detected by shape (starts with `async`, `function`, `(`,
+// or `name =>`) and tried first; if it doesn't parse as an expression we fall
+// back to compiling the code as a plain body. AsyncFunction (not
 // `new Function`) enforces an async execution context — no accidental sync
 // adapter bodies.
+var FN_EXPR_RE = /^\s*(async[\s(])|^\s*function\b|^\s*\(|^\s*[A-Za-z_$][\w$]*\s*=>/;
 function compileAdapter(codeJs) {
+  if (FN_EXPR_RE.test(codeJs)) {
+    try {
+      // eslint-disable-next-line no-new-func
+      return new AsyncFunction('ctx', "\"use strict\"; return (".concat(codeJs, ").call(null, ctx);"));
+    } 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\"; return (".concat(codeJs, ").call(null, ctx);"));
+  return new AsyncFunction('ctx', "\"use strict\"; ".concat(codeJs));
 }
 
 // Cheap 32-bit string hash, rendered as 12 hex chars. NOT cryptographic —
@@ -14377,20 +15076,42 @@ function refreshUIForPlatform(platform) {
 // ---------------------------------------------------------------------------
 
 var PartnerScriptRunner = /*#__PURE__*/function () {
+  /**
+   * @param {{ genericCtx?: boolean }} [opts]
+   *   genericCtx: when true, ctx omits the ecommerce-specific helpers
+   *   (platform / normalizeCart / refreshUI). Used by the flavor-independent
+   *   `__client_tools__` runner. Default false preserves the ecommerce ctx.
+   */
   function PartnerScriptRunner() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, PartnerScriptRunner);
-    /** @type {Map<string, {fn?: Function, version?: number, codeSha256?: string, meta?: object, poisoned?: boolean, error?: string}>} */
+    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}>} */
     this.adapters = new Map();
     this.partnerId = null;
     this.platform = null;
     this.bundleVersion = 0; // monotonic, bumped on every setBundle
+    /** @type {((msg: object) => void) | null} */
+    this._emitCallback = null;
   }
 
   /**
-   * Replace the cached bundle from a `partner_bundle` message.
-   * @param {{partner_id?: string, platform?: string|null, adapters?: Record<string,{version?:number,code_js:string,code_sha256?:string,meta?:object}>}} msg
+   * Register the callback that adapters can use to send unsolicited messages
+   * back to the backend via ctx.emit(msg). Called by EcommerceFlavor after it
+   * loads the bundle so the callback is always fresh for the active SDK instance.
+   * @param {(msg: object) => void} fn
    */
   return _createClass(PartnerScriptRunner, [{
+    key: "setEmitCallback",
+    value: function setEmitCallback(fn) {
+      this._emitCallback = typeof fn === 'function' ? fn : null;
+    }
+
+    /**
+     * Replace the cached bundle from a `partner_bundle` message.
+     * @param {{partner_id?: string, platform?: string|null, adapters?: Record<string,{version?:number,code_js:string,code_sha256?:string,meta?:object,before_actions?:string[],after_actions?:string[]}>}} msg
+     */
+  }, {
     key: "setBundle",
     value: function setBundle(msg) {
       var adapters = (msg === null || msg === void 0 ? void 0 : msg.adapters) || {};
@@ -14415,22 +15136,33 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
           continue;
         }
         try {
-          var _entry$version2;
+          var _entry$version2, _entry$category;
           var fn = compileAdapter(entry.code_js);
+          // 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;
           this.adapters.set(action, {
             fn: fn,
+            preFn: preFn,
+            postFn: postFn,
             version: (_entry$version2 = entry.version) !== null && _entry$version2 !== void 0 ? _entry$version2 : null,
             codeSha256: entry.code_sha256 || null,
-            meta: entry.meta || {}
+            category: (_entry$category = entry.category) !== null && _entry$category !== void 0 ? _entry$category : null,
+            meta: entry.meta || {},
+            beforeActions: Array.isArray(entry.before_actions) ? entry.before_actions : [],
+            afterActions: Array.isArray(entry.after_actions) ? entry.after_actions : []
           });
           compiled++;
         } catch (err) {
-          var _entry$version3;
+          var _entry$version3, _entry$category2;
           console.error(LOG, "compile failed for '".concat(action, "':"), err);
           this.adapters.set(action, {
             poisoned: true,
             error: String((err === null || err === void 0 ? void 0 : err.message) || err),
-            version: (_entry$version3 = entry.version) !== null && _entry$version3 !== void 0 ? _entry$version3 : null
+            version: (_entry$version3 = entry.version) !== null && _entry$version3 !== void 0 ? _entry$version3 : null,
+            category: (_entry$category2 = entry.category) !== null && _entry$category2 !== void 0 ? _entry$category2 : null
           });
           poisoned++;
         }
@@ -14466,24 +15198,62 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
     /**
      * Execute an adapter by action name. Used both by the run_partner_script
      * tool handler and by ctx.runAdapter for intra-bundle chaining.
+     *
+     * When the adapter row defines before_actions / after_actions (from
+     * ttp.partner_adapters), those run automatically around code_js.
+     *
+     * If the adapter has a non-null `category`, fires a window CustomEvent
+     * named `netcost:partner-action:{category}` BEFORE executing code_js.
+     * Subscribers (e.g. cart.subscribe) use this to suppress their own
+     * duplicate notifications for the same mutation.
+     *
+     * @param {string} action
+     * @param {Record<string, unknown>} [args]
+     * @param {number} [depth] internal recursion guard
      */
   }, {
     key: "runAdapter",
     value: (function () {
       var _runAdapter = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(action) {
-        var _entry$version4;
         var args,
+          depth,
           entry,
-          ctx,
+          safeArgs,
+          beforeActions,
+          afterActions,
+          _iterator2,
+          _step2,
+          _hookAction,
+          _hookResult,
+          result,
+          afterArgs,
+          _iterator3,
+          _step3,
+          hookAction,
+          hookResult,
           _args2 = arguments,
-          _t;
+          _t,
+          _t2;
         return _regenerator().w(function (_context2) {
           while (1) switch (_context2.p = _context2.n) {
             case 0:
               args = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {};
+              depth = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : 0;
+              if (!(depth > MAX_ORCHESTRATION_DEPTH)) {
+                _context2.n = 1;
+                break;
+              }
+              console.error("".concat(LOG, " orchestration depth exceeded for '").concat(action, "' (max ").concat(MAX_ORCHESTRATION_DEPTH, ")"));
+              return _context2.a(2, {
+                ok: false,
+                reason: 'orchestration_depth_exceeded',
+                action: action,
+                depth: depth
+              });
+            case 1:
               entry = this.adapters.get(action);
               if (entry) {
-                _context2.n = 1;
+                _context2.n = 2;
                 break;
               }
               return _context2.a(2, {
@@ -14491,9 +15261,9 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
                 reason: 'adapter_not_in_bundle',
                 action: action
               });
-            case 1:
+            case 2:
               if (!entry.poisoned) {
-                _context2.n = 2;
+                _context2.n = 3;
                 break;
               }
               return _context2.a(2, {
@@ -14502,40 +15272,225 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
                 action: action,
                 detail: entry.error
               });
-            case 2:
-              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)));
-              _context2.p = 3;
-              _context2.n = 4;
-              return entry.fn(ctx);
-            case 4:
-              return _context2.a(2, _context2.v);
+            case 3:
+              safeArgs = args && _typeof(args) === 'object' ? args : {};
+              beforeActions = entry.beforeActions || [];
+              afterActions = entry.afterActions || [];
+              _iterator2 = _createForOfIteratorHelper(beforeActions);
+              _context2.p = 4;
+              _iterator2.s();
             case 5:
-              _context2.p = 5;
-              _t = _context2.v;
-              console.error("".concat(LOG, " ").concat(action, " threw:"), _t);
-              return _context2.a(2, {
-                ok: false,
-                reason: 'adapter_threw',
-                error: String((_t === null || _t === void 0 ? void 0 : _t.message) || _t)
-              });
-          }
-        }, _callee2, this, [[3, 5]]);
-      }));
-      function runAdapter(_x) {
-        return _runAdapter.apply(this, arguments);
-      }
-      return runAdapter;
+              if ((_step2 = _iterator2.n()).done) {
+                _context2.n = 9;
+                break;
+              }
+              _hookAction = _step2.value;
+              if (!(!_hookAction || typeof _hookAction !== 'string')) {
+                _context2.n = 6;
+                break;
+              }
+              return _context2.a(3, 8);
+            case 6:
+              console.log("".concat(LOG, " before hook ").concat(action, " \u2192 ").concat(_hookAction));
+              _context2.n = 7;
+              return this.runAdapter(_hookAction, safeArgs, depth + 1);
+            case 7:
+              _hookResult = _context2.v;
+              if (!adapterResultOk(_hookResult)) {
+                console.warn("".concat(LOG, " before hook '").concat(_hookAction, "' for '").concat(action, "' returned ok=false \u2014 continuing with main body:"), _hookResult);
+              }
+            case 8:
+              _context2.n = 5;
+              break;
+            case 9:
+              _context2.n = 11;
+              break;
+            case 10:
+              _context2.p = 10;
+              _t = _context2.v;
+              _iterator2.e(_t);
+            case 11:
+              _context2.p = 11;
+              _iterator2.f();
+              return _context2.f(11);
+            case 12:
+              _context2.n = 13;
+              return this._runAdapterBody(action, safeArgs, entry);
+            case 13:
+              result = _context2.v;
+              if (!(adapterResultOk(result) && afterActions.length > 0)) {
+                _context2.n = 22;
+                break;
+              }
+              afterArgs = _objectSpread(_objectSpread({}, safeArgs), {}, {
+                _parentResult: result
+              });
+              _iterator3 = _createForOfIteratorHelper(afterActions);
+              _context2.p = 14;
+              _iterator3.s();
+            case 15:
+              if ((_step3 = _iterator3.n()).done) {
+                _context2.n = 19;
+                break;
+              }
+              hookAction = _step3.value;
+              if (!(!hookAction || typeof hookAction !== 'string')) {
+                _context2.n = 16;
+                break;
+              }
+              return _context2.a(3, 18);
+            case 16:
+              console.log("".concat(LOG, " after hook ").concat(action, " \u2192 ").concat(hookAction));
+              _context2.n = 17;
+              return this.runAdapter(hookAction, afterArgs, depth + 1);
+            case 17:
+              hookResult = _context2.v;
+              if (!adapterResultOk(hookResult)) {
+                console.warn("".concat(LOG, " after hook '").concat(hookAction, "' for '").concat(action, "' returned ok=false:"), hookResult);
+              }
+            case 18:
+              _context2.n = 15;
+              break;
+            case 19:
+              _context2.n = 21;
+              break;
+            case 20:
+              _context2.p = 20;
+              _t2 = _context2.v;
+              _iterator3.e(_t2);
+            case 21:
+              _context2.p = 21;
+              _iterator3.f();
+              return _context2.f(21);
+            case 22:
+              return _context2.a(2, result);
+          }
+        }, _callee2, this, [[14, 20, 21, 22], [4, 10, 11, 12]]);
+      }));
+      function runAdapter(_x) {
+        return _runAdapter.apply(this, arguments);
+      }
+      return runAdapter;
+    }()
+    /**
+     * Run code_js only — category event + compiled fn. No before/after hooks.
+     * @private
+     */
+    )
+  }, {
+    key: "_runAdapterBody",
+    value: (function () {
+      var _runAdapterBody2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(action, args, entry) {
+        var _entry$version4;
+        var eventName, safeArgs, productIds, _productIds$, idStr, _idStr, ctx, result, postCtx, _t3, _t4, _t5;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.p = _context3.n) {
+            case 0:
+              // Fire category event so subscribers can suppress duplicate handling.
+              if (entry.category) {
+                eventName = "netcost:partner-action:".concat(entry.category);
+                safeArgs = args || {};
+                productIds = extractProductIdsFromPartnerArgs(safeArgs);
+                try {
+                  window.dispatchEvent(new CustomEvent(eventName, {
+                    detail: {
+                      action: action,
+                      args: safeArgs
+                    }
+                  }));
+                  idStr = productIds.length ? productIds.join(',') : '(none)';
+                  console.log("".concat(LOG, " dispatched ").concat(eventName, " action=").concat(action, " productIds=").concat(idStr), {
+                    action: action,
+                    category: entry.category,
+                    productIds: productIds,
+                    productId: (_productIds$ = productIds[0]) !== null && _productIds$ !== void 0 ? _productIds$ : null
+                  });
+                } catch (e) {
+                  _idStr = productIds.length ? productIds.join(',') : '(none)';
+                  console.warn("".concat(LOG, " failed to dispatch category event '").concat(eventName, "' for '").concat(action, "' productIds=").concat(_idStr, ":"), e);
+                }
+              }
+              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)));
+
+              // Inline pre-hook (best-effort): an error is logged and main still runs.
+              if (!entry.preFn) {
+                _context3.n = 4;
+                break;
+              }
+              _context3.p = 1;
+              _context3.n = 2;
+              return entry.preFn(ctx);
+            case 2:
+              _context3.n = 4;
+              break;
+            case 3:
+              _context3.p = 3;
+              _t3 = _context3.v;
+              console.warn("".concat(LOG, " ").concat(action, " inline pre-hook threw (continuing with main body):"), _t3);
+            case 4:
+              _context3.p = 4;
+              _context3.n = 5;
+              return entry.fn(ctx);
+            case 5:
+              result = _context3.v;
+              _context3.n = 7;
+              break;
+            case 6:
+              _context3.p = 6;
+              _t4 = _context3.v;
+              console.error("".concat(LOG, " ").concat(action, " threw:"), _t4);
+              return _context3.a(2, {
+                ok: false,
+                reason: 'adapter_threw',
+                error: String((_t4 === null || _t4 === void 0 ? void 0 : _t4.message) || _t4)
+              });
+            case 7:
+              if (!(entry.postFn && adapterResultOk(result))) {
+                _context3.n = 11;
+                break;
+              }
+              postCtx = this._buildCtx(_objectSpread(_objectSpread({}, args || {}), {}, {
+                _mainResult: result
+              }), action, entry);
+              _context3.p = 8;
+              _context3.n = 9;
+              return entry.postFn(postCtx);
+            case 9:
+              _context3.n = 11;
+              break;
+            case 10:
+              _context3.p = 10;
+              _t5 = _context3.v;
+              console.warn("".concat(LOG, " ").concat(action, " inline post-hook threw (ignored):"), _t5);
+            case 11:
+              return _context3.a(2, result);
+          }
+        }, _callee3, this, [[8, 10], [4, 6], [1, 3]]);
+      }));
+      function _runAdapterBody(_x2, _x3, _x4) {
+        return _runAdapterBody2.apply(this, arguments);
+      }
+      return _runAdapterBody;
     }())
   }, {
     key: "_buildCtx",
     value: function _buildCtx(args, action /*, entry */) {
       var _this = this;
       var platform = this.platform;
-      return {
+      var emitCallback = this._emitCallback;
+      // Send an unsolicited message back to the backend (e.g. cart_change_event).
+      // No-op if no emitCallback is registered.
+      var emit = function emit(msg) {
+        if (typeof emitCallback === 'function') {
+          emitCallback(msg);
+        } else {
+          console.warn("".concat(LOG, " [adapter:").concat(action, "] ctx.emit called but no emitCallback registered"));
+        }
+      };
+      var ctx = {
         args: args || {},
         host: window.location.hostname,
-        platform: platform,
         fetch: window.fetch.bind(window),
         log: function log() {
           var _console;
@@ -14544,14 +15499,22 @@ var PartnerScriptRunner = /*#__PURE__*/function () {
           }
           return (_console = console).log.apply(_console, ["[adapter:".concat(action, "]")].concat(a));
         },
-        refreshUI: refreshUIForPlatform(platform),
-        normalizeCart: function normalizeCart(raw) {
-          return normalizeCartByPlatform(platform, raw);
-        },
         runAdapter: function runAdapter(a, subArgs) {
           return _this.runAdapter(a, subArgs);
-        }
+        },
+        emit: emit
       };
+      // Ecommerce-specific helpers are omitted for the flavor-independent
+      // `__client_tools__` runner (genericCtx). Client-tool scripts get a
+      // platform-agnostic ctx with no cart normalization or UI nudges.
+      if (!this.genericCtx) {
+        ctx.platform = platform;
+        ctx.refreshUI = refreshUIForPlatform(platform);
+        ctx.normalizeCart = function (raw) {
+          return normalizeCartByPlatform(platform, raw);
+        };
+      }
+      return ctx;
     }
   }]);
 }();
@@ -14568,28 +15531,28 @@ function buildRunPartnerScriptTool(runner) {
   return {
     name: 'run_partner_script',
     handler: function () {
-      var _handler = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+      var _handler = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
         var parameters,
           action,
           args,
-          _args3 = arguments;
-        return _regenerator().w(function (_context3) {
-          while (1) switch (_context3.n) {
+          _args4 = arguments;
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
             case 0:
-              parameters = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
+              parameters = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {};
               action = parameters.action, args = parameters.args;
               if (action) {
-                _context3.n = 1;
+                _context4.n = 1;
                 break;
               }
-              return _context3.a(2, {
+              return _context4.a(2, {
                 ok: false,
                 reason: 'missing_action'
               });
             case 1:
-              return _context3.a(2, runner.runAdapter(action, args || {}));
+              return _context4.a(2, runner.runAdapter(action, args || {}));
           }
-        }, _callee3);
+        }, _callee4);
       }));
       function handler() {
         return _handler.apply(this, arguments);
@@ -15365,7 +16328,7 @@ __webpack_require__.r(__webpack_exports__);
  * Follows the same pattern as Styles.generateCSS().
  */
 function generateEcommerceCSS() {
-  return "\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ECOMMERCE AREA\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n\n/*\n * When products are visible, expand the panel dynamically.\n * Actual height is set via inline style by EcommerceManager._expandPanelToFit().\n * When the class is removed, the panel returns to its CSS-defined default.\n */\n#text-chat-panel.ttp-panel-expanded {\n  transition: height 0.25s ease;\n}\n\n/*\n * Layout overrides ONLY when ecommerce/hotels overlay is active.\n * Scoped under .ttp-products-visible / .ttp-rooms-visible so the\n * normal voice CSS takes effect when products/rooms are hidden.\n *\n * voiceActiveState is a flex column: [voice-controls] [ecommerce] [conversation].\n * Ecommerce area fills the middle and scrolls; conversation panel stays at bottom.\n */\n#voiceActiveState.ttp-products-visible,\n#voiceActiveState.ttp-rooms-visible {\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  overflow: hidden !important;\n}\n\n.ttp-products-visible > .desktop-voice-section,\n.ttp-rooms-visible > .desktop-voice-section {\n  flex-shrink: 1 !important;\n}\n\n/* Conversation + input always stick to bottom; ecommerce area above grows to fill. */\n.ttp-products-visible > .desktop-conversation-panel,\n.ttp-rooms-visible > .desktop-conversation-panel {\n  flex: 0 0 auto !important;\n  margin-top: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n.ttp-products-visible .desktop-conversation-panel .live-transcript-collapsed,\n.ttp-rooms-visible .desktop-conversation-panel .live-transcript-collapsed {\n  flex: 0 0 auto !important;\n  min-height: 40px !important;\n  overflow: hidden !important;\n}\n\n.ttp-products-visible .desktop-conversation-panel .voice-text-input-area,\n.ttp-rooms-visible .desktop-conversation-panel .voice-text-input-area {\n  margin-top: auto !important;\n  padding: 3px 16px !important;\n}\n\n.ttp-products-visible .desktop-conversation-panel .voice-input-hint,\n.ttp-rooms-visible .desktop-conversation-panel .voice-input-hint {\n  display: none !important;\n}\n\n#voiceActiveState.ttp-products-visible .desktop-voice-section {\n  display: none !important;\n}\n\n#voiceActiveState.ttp-products-visible .compact-voice-section {\n  display: flex !important;\n}\n\n#voiceActiveState.ttp-products-visible .desktop-conversation-panel {\n  flex: 0 0 auto !important;\n}\n\n#voiceActiveState.ttp-products-visible .conversation-history {\n  display: none !important;\n}\n\n#voiceActiveState.ttp-products-visible .live-transcript-collapsed {\n  flex: 0 0 auto !important;\n}\n\n.voice-text-input-area {\n  flex-shrink: 0 !important;\n}\n\n.ttp-products-visible .conversation-history,\n.ttp-rooms-visible .conversation-history {\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  overflow-y: auto !important;\n}\n\n.ttp-ecommerce-area {\n  display: flex !important;\n  flex-direction: column !important;\n  width: 100%;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  position: relative !important;\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRODUCT PICKER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-product-picker {\n  background: rgba(255,255,255,0.04);\n  border-radius: 14px;\n  border: 1px solid rgba(255,255,255,0.08);\n  box-shadow: none;\n  margin: 8px 10px;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  animation: ttpSlideUp 0.25s ease;\n  display: flex !important;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0 !important;\n}\n\n@keyframes ttpSlideUp {\n  from { opacity: 0; transform: translateY(8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.ttp-picker-header {\n  display: flex !important;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n  flex-shrink: 0;\n}\n\n.ttp-picker-title {\n  font-size: 12px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.5);\n}\n\n.ttp-picker-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: rgba(255,255,255,0.4);\n  font-size: 14px;\n  padding: 2px 6px;\n  border-radius: 4px;\n}\n.ttp-picker-close:hover {\n  background: rgba(255,255,255,0.08);\n  color: rgba(255,255,255,0.7);\n}\n\n/* Horizontal card layout */\n.ttp-products-horizontal {\n  display: flex !important;\n  align-items: flex-start;\n  flex-shrink: 0;\n  gap: 10px;\n  padding: 12px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n}\n.ttp-products-horizontal::-webkit-scrollbar { height: 4px; }\n.ttp-products-horizontal::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }\n.ttp-products-horizontal::-webkit-scrollbar-track { background: transparent; }\n\n/* Vertical list layout */\n.ttp-products-vertical {\n  padding: 8px 12px;\n  overflow-y: auto !important;\n  display: flex !important;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  min-height: 0 !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRODUCT CARD (horizontal)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-product-card {\n  width: 170px !important;\n  flex-shrink: 0 !important;\n  background: rgba(255,255,255,0.04);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.08);\n  overflow: hidden;\n  transition: border-color 0.15s;\n}\n.ttp-product-card:hover { border-color: rgba(109,86,245,0.5); }\n\n.ttp-product-image {\n  height: 110px !important;\n  background: rgba(0,0,0,0.2);\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n.ttp-product-image img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  object-fit: contain !important;\n  display: block !important;\n}\n\n.ttp-stock-badge {\n  position: absolute;\n  top: 6px; right: 6px;\n  background: rgba(239,68,68,0.15);\n  color: #ef4444;\n  font-size: 9px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n}\n\n.ttp-product-details {\n  padding: 10px 12px 14px;\n}\n\n.ttp-product-name {\n  font-size: 13px;\n  font-weight: 600;\n  color: #e8e4f0;\n  line-height: 1.3;\n  min-height: 30px;\n}\n\n.ttp-product-page-link {\n  display: inline-flex;\n  align-items: center;\n  margin-left: 5px;\n  font-size: 10px;\n  color: #a78bfa;\n  text-decoration: none;\n  opacity: 0.7;\n  vertical-align: middle;\n}\n.ttp-product-page-link:hover { opacity: 1; text-decoration: underline; }\n\n.ttp-product-meta {\n  font-size: 10px;\n  color: rgba(255,255,255,0.35);\n  margin-top: 2px;\n}\n\n.ttp-product-footer {\n  display: flex !important;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 6px;\n}\n\n.ttp-product-price {\n  font-size: 14px;\n  font-weight: 700;\n  color: #e8e4f0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRODUCT COMPACT (list view)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-product-compact {\n  display: flex !important;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  background: rgba(255,255,255,0.04);\n  border-radius: 10px;\n  border: 1px solid rgba(255,255,255,0.08);\n  transition: border-color 0.15s;\n}\n.ttp-product-compact:hover { border-color: rgba(109,86,245,0.5); }\n\n.ttp-product-image-sm {\n  width: 72px !important; height: 72px !important;\n  border-radius: 10px;\n  background: rgba(0,0,0,0.2);\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  overflow: hidden;\n}\n.ttp-product-image-sm img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  object-fit: contain !important;\n  display: block !important;\n}\n\n.ttp-product-compact .ttp-product-info {\n  flex: 1;\n  min-width: 0;\n}\n.ttp-product-compact .ttp-product-name {\n  min-height: auto;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #e8e4f0;\n}\n.ttp-product-compact .ttp-product-action {\n  text-align: right;\n  flex-shrink: 0 !important;\n}\n.ttp-product-compact .ttp-product-price {\n  font-size: 13px;\n}\n\n.ttp-out-of-stock {\n  font-size: 10px;\n  color: #f87171;\n  font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ADD BUTTON\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-add-btn {\n  padding: 6px 14px;\n  border-radius: 8px;\n  border: 1.5px solid rgba(109,86,245,0.6);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  background: transparent;\n  color: #a78bfa;\n  transition: all 0.15s;\n}\n.ttp-add-btn:hover { background: rgba(109,86,245,0.15); border-color: #a78bfa; }\n.ttp-add-btn:active { transform: scale(0.95); }\n.ttp-add-btn.ttp-added { background: rgba(109,86,245,0.6) !important; border-color: #7c3aed !important; color: #fff !important; }\n.ttp-add-btn:disabled { cursor: default; opacity: 0.5; }\n.ttp-add-btn.ttp-update-btn { background: rgba(245,158,11,0.15); border-color: rgba(245,158,11,0.5); color: #fbbf24; }\n.ttp-add-btn.ttp-update-btn:hover { background: rgba(245,158,11,0.25); border-color: #fbbf24; }\n\n.ttp-products-animating .ttp-add-btn {\n  opacity: 0.4;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CART TOAST\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* Toast replaces waveform in desktop voice section */\n.ttp-cart-toast {\n  display: flex !important;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  margin: 8px 12px;\n  background: rgba(16,185,129,0.1);\n  border-radius: 12px;\n  border: 1px solid rgba(16,185,129,0.2);\n  animation: ttpToastIn 0.25s ease;\n  flex-shrink: 0;\n  box-shadow: none;\n}\n\n@keyframes ttpToastIn {\n  from { opacity: 0; transform: translateY(8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n.ttp-cart-toast.ttp-toast-hiding {\n  animation: ttpSlideDown 0.3s ease forwards;\n}\n\n@keyframes ttpSlideDown {\n  to { opacity: 0; transform: translateY(-8px); height: 0; padding: 0; margin: 0; overflow: hidden; }\n}\n\n.ttp-toast-icon {\n  width: 24px !important; height: 24px !important;\n  border-radius: 50%;\n  background: #10b981;\n  color: #fff;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 700;\n  flex-shrink: 0;\n}\n\n.ttp-toast-content { flex: 1; min-width: 0; }\n.ttp-toast-title { font-size: 12px; font-weight: 600; color: #34d399; }\n.ttp-toast-product {\n  font-size: 11px;\n  color: rgba(52,211,153,0.7);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ttp-toast-undo {\n  background: none;\n  border: 1px solid rgba(52,211,153,0.3);\n  border-radius: 6px;\n  padding: 3px 8px;\n  font-size: 10px;\n  color: #34d399;\n  cursor: pointer;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n.ttp-toast-undo:hover { background: rgba(52,211,153,0.1); }\n\n/* Fly-to-cart desktop target (when cart summary is hidden) */\n.ttp-desktop-fly-target {\n  position: absolute;\n  bottom: 12px;\n  right: 80px;\n  width: 24px;\n  height: 24px;\n  pointer-events: none;\n}\n\n/* Fly-to-cart ripple effect */\n.ttp-fly-ripple {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  width: 30px;\n  height: 30px;\n  margin-top: -15px;\n  border-radius: 50%;\n  border: 2px solid rgba(74,222,128,0.7);\n  animation: ttp-ripple-expand 0.6s ease-out forwards;\n  pointer-events: none;\n}\n\n@keyframes ttp-ripple-expand {\n  0% { transform: scale(0.5); opacity: 0.8; }\n  100% { transform: scale(3); opacity: 0; }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CART SUMMARY BAR\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-cart-summary {\n  display: flex !important;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 14px;\n  margin: 4px 12px 0;\n  margin-right: 20px;\n  margin-top: auto !important;\n  flex-shrink: 0 !important;\n  background: rgba(255,255,255,0.04);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.08);\n}\n\n/* Hide cart when empty \u2014 overrides display:flex !important */\n.ttp-cart-summary.ttp-cart-empty {\n  display: none !important;\n}\n\n/* Desktop: cart below input (fallback when input area not found) */\n.ttp-cart-summary-bottom {\n  margin-top: 0 !important;\n  margin: 8px 12px 12px !important;\n  flex-shrink: 0 !important;\n}\n\n/* Desktop: cart inside input area \u2014 unified section (like mobile) */\n.ttp-cart-summary-inline {\n  margin: 0 !important;\n  padding: 0 !important;\n  padding-top: 8px !important;\n  flex-shrink: 0 !important;\n  background: transparent !important;\n  border: none !important;\n  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;\n  border-radius: 0 !important;\n  width: 100% !important;\n  flex-basis: 100% !important;\n}\n\n.ttp-cart-info {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.ttp-cart-icon { font-size: 14px; }\n.ttp-cart-count { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.6); }\n.ttp-cart-separator { font-size: 12px; color: rgba(255,255,255,0.25); }\n.ttp-cart-total { font-size: 13px; font-weight: 700; color: #e8e4f0; }\n.ttp-cart-view {\n  font-size: 12px;\n  font-weight: 600;\n  color: #a78bfa;\n  text-decoration: none;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.ttp-cart-view:hover {\n  color: #c4b5fd;\n  text-decoration: underline;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   QUANTITY/WEIGHT STEPPER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-stepper {\n  display: flex !important;\n  align-items: center;\n  gap: 2px;\n  margin: 4px 0;\n}\n\n.ttp-stepper-btn {\n  width: 24px !important;\n  height: 24px !important;\n  border-radius: 6px;\n  border: 1px solid rgba(255,255,255,0.15);\n  background: rgba(255,255,255,0.06);\n  color: rgba(255,255,255,0.6);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  line-height: 1;\n  transition: all 0.15s;\n  flex-shrink: 0;\n}\n\n.ttp-stepper-btn:hover:not(:disabled) {\n  background: rgba(255,255,255,0.12);\n  border-color: rgba(255,255,255,0.25);\n}\n\n.ttp-stepper-btn:active:not(:disabled) {\n  transform: scale(0.9);\n}\n\n.ttp-stepper-btn:disabled,\n.ttp-stepper-disabled {\n  opacity: 0.35;\n  cursor: default;\n}\n\n.ttp-stepper-value {\n  font-size: 12px;\n  font-weight: 600;\n  color: #e8e4f0;\n  min-width: 36px;\n  text-align: center;\n  user-select: none;\n}\n\n.ttp-product-compact .ttp-stepper {\n  justify-content: flex-end;\n}\n\n.ttp-product-compact .ttp-product-action {\n  display: flex !important;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 2px;\n}\n\n.ttp-product-card .ttp-stepper {\n  justify-content: center;\n  margin: 4px 0;\n}\n\n.ttp-product-card .ttp-product-footer {\n  display: flex !important;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   VARIATION DESKTOP PICKER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.picker-relative {\n  position: relative !important;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden;\n}\n\n/* When variant picker is shown, center it horizontally and vertically */\n.picker-relative.ttp-var-picker-active {\n  justify-content: center !important;\n  align-items: center !important;\n}\n\n.ttp-var-picker {\n  background: rgba(255,255,255,0.04);\n  border-radius: 14px;\n  border: 1px solid rgba(255,255,255,0.08);\n  display: flex !important;\n  flex-direction: column;\n  animation: ttpVarFadeIn 0.2s ease;\n  overflow: hidden;\n  width: 100%;\n  flex-shrink: 0 !important;\n}\n\n@keyframes ttpVarFadeIn {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n.ttp-var-header {\n  display: flex !important;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n  flex-shrink: 0;\n}\n\n.ttp-var-back-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: rgba(255,255,255,0.5);\n  font-size: 16px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n  font-family: inherit;\n}\n.ttp-var-back-btn:hover { color: #e8e4f0; }\n\n.ttp-var-title {\n  font-size: 13px;\n  font-weight: 700;\n  color: #e8e4f0;\n  flex: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ttp-var-page-link {\n  font-size: 11px;\n  color: #a78bfa;\n  text-decoration: none;\n  font-weight: 500;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.ttp-var-page-link:hover { text-decoration: underline; }\n\n.ttp-var-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px 14px;\n  display: flex !important;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.ttp-var-preview {\n  display: flex !important;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.ttp-var-preview-img {\n  width: 72px !important;\n  height: 72px !important;\n  border-radius: 12px;\n  background: rgba(0,0,0,0.2);\n  border: 1px solid rgba(255,255,255,0.08);\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n}\n\n.ttp-var-preview-img img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  object-fit: contain !important;\n  display: block !important;\n  padding: 6px;\n}\n\n.ttp-var-preview-info { flex: 1; min-width: 0; }\n\n.ttp-var-preview-brand {\n  font-size: 10px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.ttp-var-preview-name {\n  font-size: 14px;\n  font-weight: 700;\n  color: #e8e4f0;\n  margin: 2px 0 4px;\n  line-height: 1.2;\n}\n\n.ttp-var-preview-price {\n  font-size: 18px;\n  font-weight: 700;\n  color: #7c3aed;\n}\n\n.ttp-var-preview-selected {\n  font-size: 11px;\n  color: rgba(255,255,255,0.4);\n  margin-top: 3px;\n}\n\n.ttp-var-section { display: flex !important; flex-direction: column; gap: 8px; }\n\n.ttp-var-section-label {\n  font-size: 11px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n}\n\n.ttp-var-swatches { display: flex !important; flex-wrap: wrap; gap: 8px; }\n\n.ttp-var-swatch {\n  display: block !important;\n  width: 28px !important;\n  height: 28px !important;\n  border-radius: 50%;\n  cursor: pointer;\n  border: 3px solid transparent;\n  transition: all 0.15s;\n  position: relative;\n  flex-shrink: 0;\n}\n.ttp-var-swatch:hover { transform: scale(1.1); }\n.ttp-var-swatch.selected {\n  border-color: #7c3aed;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7c3aed;\n}\n.ttp-var-swatch.oos {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.ttp-var-pills { display: flex !important; flex-wrap: wrap; gap: 6px; }\n\n.ttp-var-pill {\n  padding: 5px 12px;\n  border-radius: 8px;\n  border: 1.5px solid rgba(255,255,255,0.15);\n  background: rgba(255,255,255,0.04);\n  font-size: 12px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.6);\n  cursor: pointer;\n  transition: all 0.15s;\n  font-family: inherit;\n}\n.ttp-var-pill:hover:not(:disabled) { border-color: #7c3aed; color: #a78bfa; }\n.ttp-var-pill.selected { border-color: #7c3aed; background: #7c3aed; color: #fff; }\n.ttp-var-pill.oos { opacity: 0.35; cursor: not-allowed; text-decoration: line-through; }\n\n.ttp-var-footer {\n  padding: 10px 14px 12px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  flex-shrink: 0;\n}\n\n.ttp-var-add-btn {\n  width: 100%;\n  padding: 10px;\n  background: linear-gradient(135deg, #7c3aed, #6d28d9);\n  color: #fff;\n  border: none;\n  border-radius: 10px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  font-family: inherit;\n  box-shadow: 0 3px 10px rgba(124,58,237,0.3);\n  transition: all 0.15s;\n}\n.ttp-var-add-btn:hover:not(:disabled) { transform: scale(0.99); }\n.ttp-var-add-btn:disabled {\n  background: rgba(255,255,255,0.1);\n  box-shadow: none;\n  cursor: not-allowed;\n  color: rgba(255,255,255,0.3);\n}\n\n.ttp-var-spinner {\n  width: 24px;\n  height: 24px;\n  border: 3px solid rgba(255,255,255,0.1);\n  border-top-color: #7c3aed;\n  border-radius: 50%;\n  animation: ttpVarSpin 0.7s linear infinite;\n}\n@keyframes ttpVarSpin {\n  to { transform: rotate(360deg); }\n}\n\n/* Amber \"Choose\" button for variant products */\n.ttp-add-btn.ttp-choose-btn {\n  background: linear-gradient(135deg, #f59e0b, #d97706);\n  box-shadow: 0 2px 8px rgba(245,158,11,0.3);\n  color: #fff;\n}\n\n  ";
+  return "\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ECOMMERCE AREA\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n\n/*\n * When products are visible, expand the panel dynamically.\n * Actual height is set via inline style by EcommerceManager._expandPanelToFit().\n * When the class is removed, the panel returns to its CSS-defined default.\n */\n#text-chat-panel.ttp-panel-expanded {\n  transition: height 0.25s ease;\n}\n\n/*\n * Layout overrides ONLY when ecommerce/hotels overlay is active.\n * Scoped under .ttp-products-visible / .ttp-rooms-visible so the\n * normal voice CSS takes effect when products/rooms are hidden.\n *\n * voiceActiveState is a flex column: [voice-controls] [ecommerce] [conversation].\n * Ecommerce area fills the middle and scrolls; conversation panel stays at bottom.\n */\n#voiceActiveState.ttp-products-visible,\n#voiceActiveState.ttp-rooms-visible {\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  overflow: hidden !important;\n}\n\n.ttp-products-visible > .desktop-voice-section,\n.ttp-rooms-visible > .desktop-voice-section {\n  flex-shrink: 1 !important;\n}\n\n/* Conversation + input always stick to bottom; ecommerce area above grows to fill. */\n.ttp-products-visible > .desktop-conversation-panel,\n.ttp-rooms-visible > .desktop-conversation-panel {\n  flex: 0 0 auto !important;\n  margin-top: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n.ttp-products-visible .desktop-conversation-panel .live-transcript-collapsed,\n.ttp-rooms-visible .desktop-conversation-panel .live-transcript-collapsed {\n  flex: 0 0 auto !important;\n  min-height: 40px !important;\n  overflow: hidden !important;\n}\n\n.ttp-products-visible .desktop-conversation-panel .voice-text-input-area,\n.ttp-rooms-visible .desktop-conversation-panel .voice-text-input-area {\n  margin-top: auto !important;\n  padding: 3px 16px !important;\n}\n\n.ttp-products-visible .desktop-conversation-panel .voice-input-hint,\n.ttp-rooms-visible .desktop-conversation-panel .voice-input-hint {\n  display: none !important;\n}\n\n#voiceActiveState.ttp-products-visible .desktop-voice-section {\n  display: none !important;\n}\n\n#voiceActiveState.ttp-products-visible .compact-voice-section {\n  display: flex !important;\n}\n\n#voiceActiveState.ttp-products-visible .desktop-conversation-panel {\n  flex: 0 0 auto !important;\n}\n\n#voiceActiveState.ttp-products-visible .conversation-history {\n  display: none !important;\n}\n\n#voiceActiveState.ttp-products-visible .live-transcript-collapsed {\n  flex: 0 0 auto !important;\n}\n\n.voice-text-input-area {\n  flex-shrink: 0 !important;\n}\n\n.ttp-products-visible .conversation-history,\n.ttp-rooms-visible .conversation-history {\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  overflow-y: auto !important;\n}\n\n.ttp-ecommerce-area {\n  display: flex !important;\n  flex-direction: column !important;\n  width: 100%;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  position: relative !important;\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRODUCT PICKER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-product-picker {\n  background: rgba(255,255,255,0.04);\n  border-radius: 14px;\n  border: 1px solid rgba(255,255,255,0.08);\n  box-shadow: none;\n  margin: 8px 10px;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  animation: ttpSlideUp 0.25s ease;\n  display: flex !important;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0 !important;\n}\n\n@keyframes ttpSlideUp {\n  from { opacity: 0; transform: translateY(8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.ttp-picker-header {\n  display: flex !important;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n  flex-shrink: 0;\n}\n\n.ttp-picker-title {\n  font-size: 12px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.5);\n}\n\n.ttp-picker-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: rgba(255,255,255,0.4);\n  font-size: 14px;\n  padding: 2px 6px;\n  border-radius: 4px;\n}\n.ttp-picker-close:hover {\n  background: rgba(255,255,255,0.08);\n  color: rgba(255,255,255,0.7);\n}\n\n/* Horizontal card layout */\n.ttp-products-horizontal {\n  display: flex !important;\n  align-items: flex-start;\n  flex-shrink: 0;\n  gap: 10px;\n  padding: 12px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n}\n.ttp-products-horizontal::-webkit-scrollbar { height: 4px; }\n.ttp-products-horizontal::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }\n.ttp-products-horizontal::-webkit-scrollbar-track { background: transparent; }\n\n/* Vertical list layout */\n.ttp-products-vertical {\n  padding: 8px 12px;\n  overflow-y: auto !important;\n  display: flex !important;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  min-height: 0 !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRODUCT CARD (horizontal)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-product-card {\n  width: 170px !important;\n  flex-shrink: 0 !important;\n  background: rgba(255,255,255,0.04);\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.08);\n  overflow: hidden;\n  transition: border-color 0.15s;\n}\n.ttp-product-card:hover { border-color: rgba(109,86,245,0.5); }\n\n.ttp-product-image {\n  height: 110px !important;\n  background: rgba(0,0,0,0.2);\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n.ttp-product-image img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  object-fit: contain !important;\n  display: block !important;\n}\n\n.ttp-stock-badge {\n  position: absolute;\n  top: 6px; right: 6px;\n  background: rgba(239,68,68,0.15);\n  color: #ef4444;\n  font-size: 9px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n}\n\n.ttp-product-details {\n  padding: 10px 12px 14px;\n}\n\n.ttp-product-name {\n  font-size: 13px;\n  font-weight: 600;\n  color: #e8e4f0;\n  line-height: 1.3;\n  min-height: 30px;\n}\n\n.ttp-product-page-link {\n  display: inline-flex;\n  align-items: center;\n  margin-left: 5px;\n  font-size: 10px;\n  color: #a78bfa;\n  text-decoration: none;\n  opacity: 0.7;\n  vertical-align: middle;\n}\n.ttp-product-page-link:hover { opacity: 1; text-decoration: underline; }\n\n.ttp-product-meta {\n  font-size: 10px;\n  color: rgba(255,255,255,0.35);\n  margin-top: 2px;\n}\n\n.ttp-product-footer {\n  display: flex !important;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 6px;\n}\n\n.ttp-product-price {\n  font-size: 14px;\n  font-weight: 700;\n  color: #e8e4f0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRODUCT COMPACT (list view)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-product-compact {\n  display: flex !important;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  background: rgba(255,255,255,0.04);\n  border-radius: 10px;\n  border: 1px solid rgba(255,255,255,0.08);\n  transition: border-color 0.15s;\n}\n.ttp-product-compact:hover { border-color: rgba(109,86,245,0.5); }\n\n.ttp-product-image-sm {\n  width: 72px !important; height: 72px !important;\n  border-radius: 10px;\n  background: rgba(0,0,0,0.2);\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  overflow: hidden;\n}\n.ttp-product-image-sm img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  object-fit: contain !important;\n  display: block !important;\n}\n\n.ttp-product-compact .ttp-product-info {\n  flex: 1;\n  min-width: 0;\n}\n.ttp-product-compact .ttp-product-name {\n  min-height: auto;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: #e8e4f0;\n}\n.ttp-product-compact .ttp-product-action {\n  text-align: right;\n  flex-shrink: 0 !important;\n}\n.ttp-product-compact .ttp-product-price {\n  font-size: 13px;\n}\n\n.ttp-out-of-stock {\n  font-size: 10px;\n  color: #f87171;\n  font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ADD BUTTON\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-add-btn {\n  padding: 6px 14px;\n  border-radius: 8px;\n  border: 1.5px solid rgba(109,86,245,0.6);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  background: transparent;\n  color: #a78bfa;\n  transition: all 0.15s;\n}\n.ttp-add-btn:hover { background: rgba(109,86,245,0.15); border-color: #a78bfa; }\n.ttp-add-btn:active { transform: scale(0.95); }\n.ttp-add-btn.ttp-added { background: rgba(109,86,245,0.6) !important; border-color: #7c3aed !important; color: #fff !important; }\n.ttp-add-btn:disabled { cursor: default; opacity: 0.5; }\n.ttp-add-btn.ttp-update-btn { background: rgba(245,158,11,0.15); border-color: rgba(245,158,11,0.5); color: #fbbf24; }\n.ttp-add-btn.ttp-update-btn:hover { background: rgba(245,158,11,0.25); border-color: #fbbf24; }\n\n.ttp-products-animating .ttp-add-btn {\n  opacity: 0.4;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CART TOAST\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* Toast replaces waveform in desktop voice section */\n.ttp-cart-toast {\n  display: flex !important;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  margin: 8px 12px;\n  background: rgba(16,185,129,0.1);\n  border-radius: 12px;\n  border: 1px solid rgba(16,185,129,0.2);\n  animation: ttpToastIn 0.25s ease;\n  flex-shrink: 0;\n  box-shadow: none;\n}\n\n@keyframes ttpToastIn {\n  from { opacity: 0; transform: translateY(8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n.ttp-cart-toast.ttp-toast-hiding {\n  animation: ttpSlideDown 0.3s ease forwards;\n}\n\n@keyframes ttpSlideDown {\n  to { opacity: 0; transform: translateY(-8px); height: 0; padding: 0; margin: 0; overflow: hidden; }\n}\n\n.ttp-toast-icon {\n  width: 24px !important; height: 24px !important;\n  border-radius: 50%;\n  background: #10b981;\n  color: #fff;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 700;\n  flex-shrink: 0;\n}\n\n.ttp-toast-content { flex: 1; min-width: 0; }\n.ttp-toast-title { font-size: 12px; font-weight: 600; color: #34d399; }\n.ttp-toast-product {\n  font-size: 11px;\n  color: rgba(52,211,153,0.7);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ttp-toast-undo {\n  background: none;\n  border: 1px solid rgba(52,211,153,0.3);\n  border-radius: 6px;\n  padding: 3px 8px;\n  font-size: 10px;\n  color: #34d399;\n  cursor: pointer;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n.ttp-toast-undo:hover { background: rgba(52,211,153,0.1); }\n\n/* Fly-to-cart desktop target (when cart summary is hidden) */\n.ttp-desktop-fly-target {\n  position: absolute;\n  bottom: 12px;\n  right: 80px;\n  width: 24px;\n  height: 24px;\n  pointer-events: none;\n}\n\n/* Fly-to-cart ripple effect */\n.ttp-fly-ripple {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  width: 30px;\n  height: 30px;\n  margin-top: -15px;\n  border-radius: 50%;\n  border: 2px solid rgba(74,222,128,0.7);\n  animation: ttp-ripple-expand 0.6s ease-out forwards;\n  pointer-events: none;\n}\n\n@keyframes ttp-ripple-expand {\n  0% { transform: scale(0.5); opacity: 0.8; }\n  100% { transform: scale(3); opacity: 0; }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   QUANTITY/WEIGHT STEPPER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.ttp-stepper {\n  display: flex !important;\n  align-items: center;\n  gap: 2px;\n  margin: 4px 0;\n}\n\n.ttp-stepper-btn {\n  width: 24px !important;\n  height: 24px !important;\n  border-radius: 6px;\n  border: 1px solid rgba(255,255,255,0.15);\n  background: rgba(255,255,255,0.06);\n  color: rgba(255,255,255,0.6);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  line-height: 1;\n  transition: all 0.15s;\n  flex-shrink: 0;\n}\n\n.ttp-stepper-btn:hover:not(:disabled) {\n  background: rgba(255,255,255,0.12);\n  border-color: rgba(255,255,255,0.25);\n}\n\n.ttp-stepper-btn:active:not(:disabled) {\n  transform: scale(0.9);\n}\n\n.ttp-stepper-btn:disabled,\n.ttp-stepper-disabled {\n  opacity: 0.35;\n  cursor: default;\n}\n\n.ttp-stepper-value {\n  font-size: 12px;\n  font-weight: 600;\n  color: #e8e4f0;\n  min-width: 36px;\n  text-align: center;\n  user-select: none;\n}\n\n.ttp-product-compact .ttp-stepper {\n  justify-content: flex-end;\n}\n\n.ttp-product-compact .ttp-product-action {\n  display: flex !important;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 2px;\n}\n\n.ttp-product-card .ttp-stepper {\n  justify-content: center;\n  margin: 4px 0;\n}\n\n.ttp-product-card .ttp-product-footer {\n  display: flex !important;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   VARIATION DESKTOP PICKER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.picker-relative {\n  position: relative !important;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden;\n}\n\n/* When variant picker is shown, center it horizontally and vertically */\n.picker-relative.ttp-var-picker-active {\n  justify-content: center !important;\n  align-items: center !important;\n}\n\n.ttp-var-picker {\n  background: rgba(255,255,255,0.04);\n  border-radius: 14px;\n  border: 1px solid rgba(255,255,255,0.08);\n  display: flex !important;\n  flex-direction: column;\n  animation: ttpVarFadeIn 0.2s ease;\n  overflow: hidden;\n  width: 100%;\n  flex-shrink: 0 !important;\n}\n\n@keyframes ttpVarFadeIn {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n.ttp-var-header {\n  display: flex !important;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n  flex-shrink: 0;\n}\n\n.ttp-var-back-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: rgba(255,255,255,0.5);\n  font-size: 16px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n  font-family: inherit;\n}\n.ttp-var-back-btn:hover { color: #e8e4f0; }\n\n.ttp-var-title {\n  font-size: 13px;\n  font-weight: 700;\n  color: #e8e4f0;\n  flex: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ttp-var-page-link {\n  font-size: 11px;\n  color: #a78bfa;\n  text-decoration: none;\n  font-weight: 500;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.ttp-var-page-link:hover { text-decoration: underline; }\n\n.ttp-var-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px 14px;\n  display: flex !important;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.ttp-var-preview {\n  display: flex !important;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.ttp-var-preview-img {\n  width: 72px !important;\n  height: 72px !important;\n  border-radius: 12px;\n  background: rgba(0,0,0,0.2);\n  border: 1px solid rgba(255,255,255,0.08);\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  overflow: hidden;\n  transition: all 0.2s ease;\n}\n\n.ttp-var-preview-img img {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  object-fit: contain !important;\n  display: block !important;\n  padding: 6px;\n}\n\n.ttp-var-preview-info { flex: 1; min-width: 0; }\n\n.ttp-var-preview-brand {\n  font-size: 10px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.ttp-var-preview-name {\n  font-size: 14px;\n  font-weight: 700;\n  color: #e8e4f0;\n  margin: 2px 0 4px;\n  line-height: 1.2;\n}\n\n.ttp-var-preview-price {\n  font-size: 18px;\n  font-weight: 700;\n  color: #7c3aed;\n}\n\n.ttp-var-preview-selected {\n  font-size: 11px;\n  color: rgba(255,255,255,0.4);\n  margin-top: 3px;\n}\n\n.ttp-var-section { display: flex !important; flex-direction: column; gap: 8px; }\n\n.ttp-var-section-label {\n  font-size: 11px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n}\n\n.ttp-var-swatches { display: flex !important; flex-wrap: wrap; gap: 8px; }\n\n.ttp-var-swatch {\n  display: block !important;\n  width: 28px !important;\n  height: 28px !important;\n  border-radius: 50%;\n  cursor: pointer;\n  border: 3px solid transparent;\n  transition: all 0.15s;\n  position: relative;\n  flex-shrink: 0;\n}\n.ttp-var-swatch:hover { transform: scale(1.1); }\n.ttp-var-swatch.selected {\n  border-color: #7c3aed;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7c3aed;\n}\n.ttp-var-swatch.oos {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.ttp-var-pills { display: flex !important; flex-wrap: wrap; gap: 6px; }\n\n.ttp-var-pill {\n  padding: 5px 12px;\n  border-radius: 8px;\n  border: 1.5px solid rgba(255,255,255,0.15);\n  background: rgba(255,255,255,0.04);\n  font-size: 12px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.6);\n  cursor: pointer;\n  transition: all 0.15s;\n  font-family: inherit;\n}\n.ttp-var-pill:hover:not(:disabled) { border-color: #7c3aed; color: #a78bfa; }\n.ttp-var-pill.selected { border-color: #7c3aed; background: #7c3aed; color: #fff; }\n.ttp-var-pill.oos { opacity: 0.35; cursor: not-allowed; text-decoration: line-through; }\n\n.ttp-var-footer {\n  padding: 10px 14px 12px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  flex-shrink: 0;\n}\n\n.ttp-var-add-btn {\n  width: 100%;\n  padding: 10px;\n  background: linear-gradient(135deg, #7c3aed, #6d28d9);\n  color: #fff;\n  border: none;\n  border-radius: 10px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  font-family: inherit;\n  box-shadow: 0 3px 10px rgba(124,58,237,0.3);\n  transition: all 0.15s;\n}\n.ttp-var-add-btn:hover:not(:disabled) { transform: scale(0.99); }\n.ttp-var-add-btn:disabled {\n  background: rgba(255,255,255,0.1);\n  box-shadow: none;\n  cursor: not-allowed;\n  color: rgba(255,255,255,0.3);\n}\n\n.ttp-var-spinner {\n  width: 24px;\n  height: 24px;\n  border: 3px solid rgba(255,255,255,0.1);\n  border-top-color: #7c3aed;\n  border-radius: 50%;\n  animation: ttpVarSpin 0.7s linear infinite;\n}\n@keyframes ttpVarSpin {\n  to { transform: rotate(360deg); }\n}\n\n/* Amber \"Choose\" button for variant products */\n.ttp-add-btn.ttp-choose-btn {\n  background: linear-gradient(135deg, #f59e0b, #d97706);\n  box-shadow: 0 2px 8px rgba(245,158,11,0.3);\n  color: #fff;\n}\n\n  ";
 }
 
 /***/ }),
@@ -15960,13 +16923,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _ecommerce_EcommerceManager_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ecommerce/EcommerceManager.js */ "./src/ecommerce/EcommerceManager.js");
 /* harmony import */ var _ecommerce_PartnerScriptRunner_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ecommerce/PartnerScriptRunner.js */ "./src/ecommerce/PartnerScriptRunner.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -16067,10 +17030,41 @@ var EcommerceFlavor = /*#__PURE__*/function (_BaseFlavor) {
         // === DB-backed per-partner adapters (replaces CDN hooks) ===
         // Backend pushes the full bundle once at session start; the widget then
         // executes individual adapters via the 'run_partner_script' client tool.
-        // Shape: { t: 'partner_bundle', partner_id, platform, adapters: { action: {...} } }
+        // Shape: { t: 'partner_bundle', partner_id, platform,
+        //           adapters: { action: {...} },   ← on-demand, invoked by LLM
+        //           autoRun:  { action: {...} } }  ← executed immediately on load
         'partner_bundle': function partner_bundle(data) {
-          var _this2$_partnerScript;
-          (_this2$_partnerScript = _this2._partnerScriptRunner) === null || _this2$_partnerScript === void 0 || _this2$_partnerScript.setBundle(data);
+          // The reserved `__client_tools__` bundle is owned by the
+          // flavor-independent ClientScriptManager at the SDK level — skip it
+          // here so the two bundles stay separate per partner id.
+          if ((data === null || data === void 0 ? void 0 : data.partner_id) === '__client_tools__') return;
+          var runner = _this2._partnerScriptRunner;
+          if (!runner) return;
+
+          // Wire the emit callback BEFORE setBundle so auto-run adapters can use it.
+          runner.setEmitCallback(function (msg) {
+            return _this2.sendToVoiceSDK(msg);
+          });
+
+          // Merge autoRun entries into the adapters map so the runner can look
+          // them up by action name (e.g. for ctx.runAdapter chaining).
+          var merged = _objectSpread(_objectSpread({}, data), {}, {
+            adapters: _objectSpread(_objectSpread({}, (data === null || data === void 0 ? void 0 : data.adapters) || {}), (data === null || data === void 0 ? void 0 : data.autoRun) || {})
+          });
+          runner.setBundle(merged);
+
+          // Execute every autoRun adapter once immediately.
+          var _loop = function _loop() {
+            var action = _Object$keys[_i];
+            runner.runAdapter(action, {}).then(function (r) {
+              return console.log("[EcommerceFlavor] auto-run '".concat(action, "':"), r);
+            }).catch(function (e) {
+              return console.warn("[EcommerceFlavor] auto-run '".concat(action, "' failed:"), e);
+            });
+          };
+          for (var _i = 0, _Object$keys = Object.keys((data === null || data === void 0 ? void 0 : data.autoRun) || {}); _i < _Object$keys.length; _i++) {
+            _loop();
+          }
         },
         // Shopify: see file header — add_to_store_cart uses /cart/add.js + /cart.js.
         'add_to_store_cart': function add_to_store_cart(data) {
@@ -18925,6 +19919,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TTPEcommerceWidget: () => (/* reexport safe */ _ecommerce_TTPEcommerceWidget_js__WEBPACK_IMPORTED_MODULE_7__.TTPEcommerceWidget),
 /* harmony export */   TextChatSDK: () => (/* reexport safe */ _core_TextChatSDK_js__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   VERSION: () => (/* binding */ VERSION),
+/* harmony export */   VoiceSDK: () => (/* binding */ VoiceSDK),
 /* harmony export */   VoiceSDK_v2: () => (/* reexport safe */ _v2_VoiceSDK_js__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   WebSocketManager: () => (/* reexport safe */ _core_WebSocketManager_js__WEBPACK_IMPORTED_MODULE_2__["default"]),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
@@ -18955,6 +19950,11 @@ __webpack_require__.r(__webpack_exports__);
 // Core SDK
 
 
+// Backward-compatible alias: the legacy `VoiceSDK` name (v1) now points at the
+// v2 implementation. The v2 class defaults to `protocolVersion: 2`, so existing
+// code and documentation that references `VoiceSDK` keeps working on v2.
+var VoiceSDK = _v2_VoiceSDK_js__WEBPACK_IMPORTED_MODULE_0__["default"];
+
 
 
 
@@ -18976,8 +19976,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 // Version - injected at build time from package.json via webpack DefinePlugin
-var VERSION = "2.44.0";
-var BUILD_TIME = "2026-05-07T11:24:41.900Z";
+var VERSION = "2.45.2";
+var BUILD_TIME = "2026-06-12T20:23:48.560Z";
 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
@@ -18986,6 +19986,7 @@ console.log("%c TTP Agent SDK v".concat(VERSION, " (").concat(BUILD_TIME, ") "),
 // Default export
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   VoiceSDK_v2: _v2_VoiceSDK_js__WEBPACK_IMPORTED_MODULE_0__["default"],
+  VoiceSDK: VoiceSDK,
   TextChatSDK: _core_TextChatSDK_js__WEBPACK_IMPORTED_MODULE_1__["default"],
   WebSocketManager: _core_WebSocketManager_js__WEBPACK_IMPORTED_MODULE_2__["default"],
   AudioRecorder: _core_AudioRecorder_js__WEBPACK_IMPORTED_MODULE_3__["default"],
@@ -23441,8 +24442,10 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               console.log('🛑 AudioPlayer: Ignoring PCM chunk - playback was stopped (barge-in)');
               return _context.a(2);
             case 1:
-              // Pre-process frame immediately (convert to AudioBuffer)
-              preparedFrame = this.prepareChunk(pcmData);
+              _context.n = 2;
+              return this.prepareChunk(pcmData);
+            case 2:
+              preparedFrame = _context.v;
               if (preparedFrame) {
                 // CRITICAL: Clear empty sentence timeout since chunks are arriving
                 // This resets the timer for the current sentence
@@ -23499,7 +24502,7 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                 // Emit error event
                 this.emit('playbackError', new Error('Failed to prepare PCM chunk for playback'));
               }
-            case 2:
+            case 3:
               return _context.a(2);
           }
         }, _callee, this);
@@ -23518,87 +24521,99 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
     )
   }, {
     key: "prepareChunk",
-    value: function prepareChunk(pcmData) {
-      try {
-        var _this$outputFormat2;
-        // Ensure output format is set
-        if (!this.outputFormat) {
-          console.error('❌ AudioPlayer: Cannot prepare chunk - outputFormat not set');
-          console.error('   Call setOutputFormat() before playing audio chunks');
-          return null;
-        }
-
-        // Ensure audio context is initialized
-
-        if (!this.audioContext) {
-          this.initializeAudioContext();
-        }
-        if (!this.audioContext) {
-          console.error('❌ AudioPlayer: Cannot prepare chunk - AudioContext not available');
-          return null;
-        }
-
-        // Ensure even byte count for 16-bit PCM
-
-        var processedData = pcmData;
-        if (pcmData.byteLength % 2 !== 0) {
-          console.warn('⚠️ Odd PCM chunk size, padding:', pcmData.byteLength);
-          var padded = new Uint8Array(pcmData.byteLength + 1);
-          padded.set(new Uint8Array(pcmData), 0);
-          padded[pcmData.byteLength] = 0; // Silence padding
-
-          processedData = padded.buffer;
-        }
-
-        // Convert Int16 PCM to Float32 (pre-processing)
-
-        var int16Array = new Int16Array(processedData);
-        var float32Array = new Float32Array(int16Array.length);
-        var NORMALIZATION = 1.0 / 32768.0;
-        var length = int16Array.length;
-        for (var i = 0; i < length; i++) {
-          float32Array[i] = int16Array[i] * NORMALIZATION;
-        }
-
-        // Create audio buffer with the ACTUAL sample rate of the audio data
+    value: (function () {
+      var _prepareChunk = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(pcmData) {
+        var _this$outputFormat2, processedData, padded, int16Array, float32Array, NORMALIZATION, length, i, audioDataSampleRate, contextSampleRate, audioBuffer, chunkDuration, sampleCount, actualDuration, _t;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.p = _context2.n) {
+            case 0:
+              _context2.p = 0;
+              if (this.outputFormat) {
+                _context2.n = 1;
+                break;
+              }
+              console.error('❌ AudioPlayer: Cannot prepare chunk - outputFormat not set');
+              console.error('   Call setOutputFormat() before playing audio chunks');
+              return _context2.a(2, null);
+            case 1:
+              if (this.audioContext) {
+                _context2.n = 2;
+                break;
+              }
+              _context2.n = 2;
+              return this.initializeAudioContext();
+            case 2:
+              if (this.audioContext) {
+                _context2.n = 3;
+                break;
+              }
+              console.error('❌ AudioPlayer: Cannot prepare chunk - AudioContext not available');
+              return _context2.a(2, null);
+            case 3:
+              // Ensure even byte count for 16-bit PCM
+              processedData = pcmData;
+              if (pcmData.byteLength % 2 !== 0) {
+                console.warn('⚠️ Odd PCM chunk size, padding:', pcmData.byteLength);
+                padded = new Uint8Array(pcmData.byteLength + 1);
+                padded.set(new Uint8Array(pcmData), 0);
+                padded[pcmData.byteLength] = 0; // Silence padding
 
-        var audioDataSampleRate = ((_this$outputFormat2 = this.outputFormat) === null || _this$outputFormat2 === void 0 ? void 0 : _this$outputFormat2.sampleRate) || this.audioContext.sampleRate;
-        var contextSampleRate = this.audioContext.sampleRate;
-        var audioBuffer = this.audioContext.createBuffer(1,
-        // mono
+                processedData = padded.buffer;
+              }
 
-        float32Array.length, audioDataSampleRate);
-        audioBuffer.getChannelData(0).set(float32Array);
+              // Convert Int16 PCM to Float32 (pre-processing)
+              int16Array = new Int16Array(processedData);
+              float32Array = new Float32Array(int16Array.length);
+              NORMALIZATION = 1.0 / 32768.0;
+              length = int16Array.length;
+              for (i = 0; i < length; i++) {
+                float32Array[i] = int16Array[i] * NORMALIZATION;
+              }
 
-        // Calculate duration (handle browser resampling)
+              // Create audio buffer with the ACTUAL sample rate of the audio data
+              audioDataSampleRate = ((_this$outputFormat2 = this.outputFormat) === null || _this$outputFormat2 === void 0 ? void 0 : _this$outputFormat2.sampleRate) || this.audioContext.sampleRate;
+              contextSampleRate = this.audioContext.sampleRate;
+              audioBuffer = this.audioContext.createBuffer(1,
+              // mono
 
-        var chunkDuration = audioBuffer.duration;
-        var sampleCount = float32Array.length;
-        var actualDuration = chunkDuration;
-        if (contextSampleRate !== audioDataSampleRate) {
-          actualDuration = sampleCount / contextSampleRate;
-        }
+              float32Array.length, audioDataSampleRate);
+              audioBuffer.getChannelData(0).set(float32Array);
 
-        // Return prepared frame
+              // Calculate duration (handle browser resampling)
+              chunkDuration = audioBuffer.duration;
+              sampleCount = float32Array.length;
+              actualDuration = chunkDuration;
+              if (contextSampleRate !== audioDataSampleRate) {
+                actualDuration = sampleCount / contextSampleRate;
+              }
 
-        return {
-          buffer: audioBuffer,
-          duration: actualDuration,
-          sampleRate: audioDataSampleRate,
-          contextSampleRate: contextSampleRate
-        };
-      } catch (error) {
-        console.error('❌ AudioPlayer: Error preparing chunk:', error);
-        return null;
+              // Return prepared frame
+              return _context2.a(2, {
+                buffer: audioBuffer,
+                duration: actualDuration,
+                sampleRate: audioDataSampleRate,
+                contextSampleRate: contextSampleRate
+              });
+            case 4:
+              _context2.p = 4;
+              _t = _context2.v;
+              console.error('❌ AudioPlayer: Error preparing chunk:', _t);
+              return _context2.a(2, null);
+          }
+        }, _callee2, this, [[0, 4]]);
+      }));
+      function prepareChunk(_x2) {
+        return _prepareChunk.apply(this, arguments);
       }
-    }
-
+      return prepareChunk;
+    }()
     /**
      * Apply fade-out to audio buffer (stub method to prevent errors)
      * This method is called by some code paths but doesn't need to do anything
      * @param {AudioBuffer} audioBuffer - Audio buffer to fade
      * @returns {AudioBuffer} - Same audio buffer (no modification)
      */
+    )
   }, {
     key: "applyFadeOut",
     value: function applyFadeOut(audioBuffer) {
@@ -23614,24 +24629,24 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "schedulePreparedFrames",
     value: (function () {
-      var _schedulePreparedFrames = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var _schedulePreparedFrames = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
         var _this4 = this;
-        var queuedFrames, targetLookaheadFrames, scheduledCount, _loop, _ret, _t;
-        return _regenerator().w(function (_context3) {
-          while (1) switch (_context3.p = _context3.n) {
+        var queuedFrames, targetLookaheadFrames, scheduledCount, _loop, _ret, _t2;
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.p = _context4.n) {
             case 0:
               if (!this._isStopped) {
-                _context3.n = 1;
+                _context4.n = 1;
                 break;
               }
               console.log('🛑 AudioPlayer: Not scheduling frames - playback was stopped (barge-in)');
-              return _context3.a(2);
+              return _context4.a(2);
             case 1:
               if (!this.isSchedulingFrames) {
-                _context3.n = 2;
+                _context4.n = 2;
                 break;
               }
-              return _context3.a(2);
+              return _context4.a(2);
             case 2:
               this.isSchedulingFrames = true;
 
@@ -23644,17 +24659,8 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               if (targetLookaheadFrames === 0 && queuedFrames > 0) {
                 targetLookaheadFrames = 1; // At least schedule 1 frame
               }
-              _context3.p = 3;
-              // Initialize audio context if needed
-
-              if (!this.audioContext) {
-                this.initializeAudioContext();
-              }
-
-              // ✅ NEW: Wait for AudioContext to be in 'running' state before proceeding
-              // This is critical for mobile devices where AudioContext initialization takes time
-              // Replaces fixed timeouts with event-driven waiting
-              _context3.n = 4;
+              _context4.p = 3;
+              _context4.n = 4;
               return this.waitForAudioContextReady();
             case 4:
               // Schedule frames up to target lookahead (ensures smooth playback)
@@ -23662,23 +24668,23 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               scheduledCount = 0;
               _loop = /*#__PURE__*/_regenerator().m(function _loop() {
                 var preparedFrame, source, currentTime, isMobile, startupBuffer, minStartTime, startTime;
-                return _regenerator().w(function (_context2) {
-                  while (1) switch (_context2.n) {
+                return _regenerator().w(function (_context3) {
+                  while (1) switch (_context3.n) {
                     case 0:
                       if (!_this4._isStopped) {
-                        _context2.n = 1;
+                        _context3.n = 1;
                         break;
                       }
                       console.log('🛑 AudioPlayer: Stopping frame scheduling - playback was stopped');
-                      return _context2.a(2, 0);
+                      return _context3.a(2, 0);
                     case 1:
                       // Get next prepared frame
                       preparedFrame = _this4.preparedBuffer.shift();
                       if (preparedFrame) {
-                        _context2.n = 2;
+                        _context3.n = 2;
                         break;
                       }
-                      return _context2.a(2, 0);
+                      return _context3.a(2, 0);
                     case 2:
                       // Create source and schedule playback
                       source = _this4.audioContext.createBufferSource();
@@ -23832,25 +24838,25 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                         _this4.emit('playbackStarted');
                       }
                     case 3:
-                      return _context2.a(2);
+                      return _context3.a(2);
                   }
                 }, _loop);
               });
             case 5:
               if (!(this.preparedBuffer.length > 0 && scheduledCount < targetLookaheadFrames)) {
-                _context3.n = 8;
+                _context4.n = 8;
                 break;
               }
-              return _context3.d(_regeneratorValues(_loop()), 6);
+              return _context4.d(_regeneratorValues(_loop()), 6);
             case 6:
-              _ret = _context3.v;
+              _ret = _context4.v;
               if (!(_ret === 0)) {
-                _context3.n = 7;
+                _context4.n = 7;
                 break;
               }
-              return _context3.a(3, 8);
+              return _context4.a(3, 8);
             case 7:
-              _context3.n = 5;
+              _context4.n = 5;
               break;
             case 8:
               // All prepared frames scheduled, reset flag
@@ -23892,18 +24898,18 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                   }
                 }, 10); // Check every 10ms for new frames
               }
-              _context3.n = 10;
+              _context4.n = 10;
               break;
             case 9:
-              _context3.p = 9;
-              _t = _context3.v;
-              console.error('❌ AudioPlayer v2: Error scheduling frames:', _t);
-              this.emit('playbackError', _t);
+              _context4.p = 9;
+              _t2 = _context4.v;
+              console.error('❌ AudioPlayer v2: Error scheduling frames:', _t2);
+              this.emit('playbackError', _t2);
               this.isSchedulingFrames = false;
             case 10:
-              return _context3.a(2);
+              return _context4.a(2);
           }
-        }, _callee2, this, [[3, 9]]);
+        }, _callee3, this, [[3, 9]]);
       }));
       function schedulePreparedFrames() {
         return _schedulePreparedFrames.apply(this, arguments);
@@ -23918,56 +24924,47 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "processPcmQueue",
     value: (function () {
-      var _processPcmQueue = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+      var _processPcmQueue = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
         var _this5 = this;
-        var _this$outputFormat3, _this$outputFormat4, pcmData, processedData, padded, int16Array, float32Array, NORMALIZATION, length, i, audioDataSampleRate, contextSampleRate, audioBuffer, source, currentTime, chunkDuration, sampleCount, actualDuration, startTime, _t2;
-        return _regenerator().w(function (_context4) {
-          while (1) switch (_context4.p = _context4.n) {
+        var _this$outputFormat3, _this$outputFormat4, pcmData, processedData, padded, int16Array, float32Array, NORMALIZATION, length, i, audioDataSampleRate, contextSampleRate, audioBuffer, source, currentTime, chunkDuration, sampleCount, actualDuration, startTime, _t3;
+        return _regenerator().w(function (_context5) {
+          while (1) switch (_context5.p = _context5.n) {
             case 0:
               if (!this._isStopped) {
-                _context4.n = 1;
+                _context5.n = 1;
                 break;
               }
               console.log('🛑 AudioPlayer: Not processing PCM queue - playback was stopped (barge-in)');
-              return _context4.a(2);
+              return _context5.a(2);
             case 1:
               if (!this.isProcessingPcmQueue) {
-                _context4.n = 2;
+                _context5.n = 2;
                 break;
               }
-              return _context4.a(2);
+              return _context5.a(2);
             case 2:
               this.isProcessingPcmQueue = true;
-              _context4.p = 3;
-              // Initialize audio context if needed
-
-              if (!this.audioContext) {
-                this.initializeAudioContext();
-              }
-
-              // ✅ NEW: Wait for AudioContext to be in 'running' state before proceeding
-              // This is critical for mobile devices where AudioContext initialization takes time
-              // Replaces fixed timeouts with event-driven waiting
-              _context4.n = 4;
+              _context5.p = 3;
+              _context5.n = 4;
               return this.waitForAudioContextReady();
             case 4:
               if (!(this.pcmChunkQueue.length > 0)) {
-                _context4.n = 7;
+                _context5.n = 7;
                 break;
               }
               if (!this._isStopped) {
-                _context4.n = 5;
+                _context5.n = 5;
                 break;
               }
               console.log('🛑 AudioPlayer: Stopping PCM queue processing - playback was stopped');
-              return _context4.a(3, 7);
+              return _context5.a(3, 7);
             case 5:
               pcmData = this.pcmChunkQueue.shift();
               if (pcmData) {
-                _context4.n = 6;
+                _context5.n = 6;
                 break;
               }
-              return _context4.a(3, 4);
+              return _context5.a(3, 4);
             case 6:
               // Ensure even byte count for 16-bit PCM
               processedData = pcmData;
@@ -24060,25 +25057,25 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                 this.isPlaying = true;
                 this.emit('playbackStarted');
               }
-              _context4.n = 4;
+              _context5.n = 4;
               break;
             case 7:
               // end while loop
 
               // All chunks scheduled, reset processing flag
               this.isProcessingPcmQueue = false;
-              _context4.n = 9;
+              _context5.n = 9;
               break;
             case 8:
-              _context4.p = 8;
-              _t2 = _context4.v;
-              console.error('❌ AudioPlayer v2: Error playing chunk:', _t2);
-              this.emit('playbackError', _t2);
+              _context5.p = 8;
+              _t3 = _context5.v;
+              console.error('❌ AudioPlayer v2: Error playing chunk:', _t3);
+              this.emit('playbackError', _t3);
               this.isProcessingPcmQueue = false;
             case 9:
-              return _context4.a(2);
+              return _context5.a(2);
           }
-        }, _callee3, this, [[3, 8]]);
+        }, _callee4, this, [[3, 8]]);
       }));
       function processPcmQueue() {
         return _processPcmQueue.apply(this, arguments);
@@ -24463,6 +25460,40 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
       return header;
     }
 
+    /**
+     * Drop stale instance/shared references to a closed AudioContext so
+     * initializeAudioContext() cannot no-op while the context stays closed.
+     * @private
+     */
+  }, {
+    key: "_invalidateClosedAudioContext",
+    value: function _invalidateClosedAudioContext() {
+      if (this._audioContextStateChangeHandler && this.audioContext) {
+        try {
+          this.audioContext.removeEventListener('statechange', this._audioContextStateChangeHandler);
+        } catch (_) {/* already detached */}
+        this._audioContextStateChangeHandler = null;
+      }
+      if (this._waitForReadyStateHandler && this.audioContext) {
+        try {
+          this.audioContext.removeEventListener('statechange', this._waitForReadyStateHandler);
+        } catch (_) {/* already detached */}
+        this._waitForReadyStateHandler = null;
+      }
+      if (this.gainNode) {
+        try {
+          this.gainNode.disconnect();
+        } catch (_) {/* ignore */}
+        this.gainNode = null;
+      }
+      if (this.audioContext === _sharedPlayerContext) {
+        _sharedPlayerContext = null;
+        _sharedPlayerSampleRate = null;
+      }
+      this.audioContext = null;
+      this._audioContextPrimed = false;
+    }
+
     /**
      * Wait for AudioContext to be in 'running' state before proceeding
      * This is critical for mobile devices where AudioContext initialization takes time
@@ -24472,41 +25503,85 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "waitForAudioContextReady",
     value: (function () {
-      var _waitForAudioContextReady = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+      var _waitForAudioContextReady = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
+        return _regenerator().w(function (_context6) {
+          while (1) switch (_context6.n) {
+            case 0:
+              return _context6.a(2, this._waitForAudioContextReadyImpl(0));
+          }
+        }, _callee5, this);
+      }));
+      function waitForAudioContextReady() {
+        return _waitForAudioContextReady.apply(this, arguments);
+      }
+      return waitForAudioContextReady;
+    }())
+  }, {
+    key: "_waitForAudioContextReadyImpl",
+    value: function () {
+      var _waitForAudioContextReadyImpl2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(attempt) {
         var _this6 = this;
-        var audioContext;
-        return _regenerator().w(function (_context5) {
-          while (1) switch (_context5.n) {
+        var MAX_RECREATE_ATTEMPTS, _this$audioContext2, audioContext;
+        return _regenerator().w(function (_context7) {
+          while (1) switch (_context7.n) {
             case 0:
-              if (!this.audioContext) {
-                this.initializeAudioContext();
+              MAX_RECREATE_ATTEMPTS = 3;
+              if (!(!this.audioContext || this.audioContext.state === 'closed')) {
+                _context7.n = 1;
+                break;
               }
+              if (((_this$audioContext2 = this.audioContext) === null || _this$audioContext2 === void 0 ? void 0 : _this$audioContext2.state) === 'closed') {
+                this._invalidateClosedAudioContext();
+              }
+              _context7.n = 1;
+              return this.initializeAudioContext();
+            case 1:
               if (this.audioContext) {
-                _context5.n = 1;
+                _context7.n = 2;
                 break;
               }
               console.error('❌ AudioPlayer: Failed to create AudioContext');
-              return _context5.a(2, Promise.resolve());
-            case 1:
+              return _context7.a(2);
+            case 2:
               audioContext = this.audioContext;
               if (!(audioContext.state === 'running')) {
-                _context5.n = 2;
+                _context7.n = 3;
                 break;
               }
-              return _context5.a(2, Promise.resolve());
-            case 2:
+              return _context7.a(2);
+            case 3:
+              if (!(audioContext.state === 'closed')) {
+                _context7.n = 6;
+                break;
+              }
+              if (!(attempt >= MAX_RECREATE_ATTEMPTS)) {
+                _context7.n = 4;
+                break;
+              }
+              console.error('❌ AudioPlayer: AudioContext still closed after recreation attempts — aborting playback setup');
+              return _context7.a(2);
+            case 4:
+              if (attempt === 0) {
+                console.warn('⚠️ AudioPlayer: AudioContext was closed, recreating...');
+              }
+              this._invalidateClosedAudioContext();
+              _context7.n = 5;
+              return this.initializeAudioContext();
+            case 5:
+              return _context7.a(2, this._waitForAudioContextReadyImpl(attempt + 1));
+            case 6:
               if (!(audioContext.state === 'suspended')) {
-                _context5.n = 4;
+                _context7.n = 8;
                 break;
               }
-              _context5.n = 3;
+              _context7.n = 7;
               return audioContext.resume();
-            case 3:
+            case 7:
               if (!(audioContext.state !== 'running')) {
-                _context5.n = 4;
+                _context7.n = 8;
                 break;
               }
-              return _context5.a(2, new Promise(function (resolve) {
+              return _context7.a(2, new Promise(function (resolve) {
                 var timeout = setTimeout(function () {
                   if (audioContext && _this6._waitForReadyStateHandler) {
                     audioContext.removeEventListener('statechange', _this6._waitForReadyStateHandler);
@@ -24543,161 +25618,190 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                   resolve();
                 }
               }));
-            case 4:
-              if (!(audioContext.state === 'closed')) {
-                _context5.n = 5;
+            case 8:
+              return _context7.a(2);
+          }
+        }, _callee6, this);
+      }));
+      function _waitForAudioContextReadyImpl(_x3) {
+        return _waitForAudioContextReadyImpl2.apply(this, arguments);
+      }
+      return _waitForAudioContextReadyImpl;
+    }()
+    /**
+     * Initialize audio context with correct sample rate
+     */
+  }, {
+    key: "initializeAudioContext",
+    value: (function () {
+      var _initializeAudioContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
+        var _this$outputFormat5,
+          _this7 = this,
+          _this$outputFormat6;
+        var desiredSampleRate, currentSampleRate, canReuseShared, setupAfterResume, _t4;
+        return _regenerator().w(function (_context8) {
+          while (1) switch (_context8.p = _context8.n) {
+            case 0:
+              // Use negotiated sample rate, default to 24kHz to match typical server/TTS output
+              desiredSampleRate = ((_this$outputFormat5 = this.outputFormat) === null || _this$outputFormat5 === void 0 ? void 0 : _this$outputFormat5.sampleRate) || 24000;
+              if (![24000, 44100, 48000].includes(desiredSampleRate)) {
+                console.log("\u2139\uFE0F AudioPlayer: Backend requested ".concat(desiredSampleRate, "Hz, but browser may resample"));
+                console.log("   Consider requesting 24000Hz, 44100Hz, or 48000Hz from backend to reduce resampling");
+              }
+              if (_sharedPlayerContext && _sharedPlayerContext.state === 'closed') {
+                _sharedPlayerContext = null;
+                _sharedPlayerSampleRate = null;
+              }
+
+              // Check if current instance AudioContext exists and matches
+              if (!this.audioContext) {
+                _context8.n = 3;
+                break;
+              }
+              if (!(this.audioContext.state === 'closed')) {
+                _context8.n = 1;
+                break;
+              }
+              this._invalidateClosedAudioContext();
+              _context8.n = 3;
+              break;
+            case 1:
+              currentSampleRate = this.audioContext.sampleRate;
+              if (!(Math.abs(currentSampleRate - desiredSampleRate) > 100)) {
+                _context8.n = 2;
                 break;
               }
-              console.warn('⚠️ AudioPlayer: AudioContext was closed, recreating...');
-              this.initializeAudioContext();
-              return _context5.a(2, this.waitForAudioContextReady());
-            case 5:
-              return _context5.a(2, Promise.resolve());
+              console.warn("\u26A0\uFE0F AudioPlayer: AudioContext sample rate (".concat(currentSampleRate, "Hz) doesn't match format (").concat(desiredSampleRate, "Hz), recreating..."));
+              this.stopImmediate();
+              this._cleanupAudioContext();
+              _context8.n = 3;
+              break;
+            case 2:
+              return _context8.a(2);
+            case 3:
+              // iOS FIX: Reuse shared AudioContext if available and compatible.
+              // iOS WebKit doesn't release audio hardware synchronously on AudioContext.close(),
+              // causing newly created AudioContexts to fail silently.
+              canReuseShared = _sharedPlayerContext && _sharedPlayerContext.state !== 'closed' && _sharedPlayerSampleRate === desiredSampleRate;
+              if (!canReuseShared) {
+                _context8.n = 8;
+                break;
+              }
+              console.log("\u267B\uFE0F AudioPlayer: Reusing shared AudioContext at ".concat(desiredSampleRate, "Hz (iOS-safe)"));
+              this.audioContext = _sharedPlayerContext;
+              setupAfterResume = function setupAfterResume() {
+                _this7.setupAudioContextStateMonitoring();
+                if (_this7.gainNode) {
+                  try {
+                    _this7.gainNode.disconnect();
+                  } catch (e) {
+                    console.warn('⚠️ AudioPlayer: Error disconnecting old GainNode:', e);
+                  }
+                }
+                _this7.gainNode = _this7.audioContext.createGain();
+                _this7.gainNode.gain.value = 1.0;
+                _this7.gainNode.connect(_this7.audioContext.destination);
+                if (!_this7._audioContextPrimed) {
+                  _this7._primeAudioContext();
+                }
+              };
+              if (!(this.audioContext.state === 'suspended')) {
+                _context8.n = 7;
+                break;
+              }
+              _context8.p = 4;
+              _context8.n = 5;
+              return this.audioContext.resume();
+            case 5:
+              _context8.n = 7;
+              break;
+            case 6:
+              _context8.p = 6;
+              _t4 = _context8.v;
+              console.warn('⚠️ AudioPlayer: Error resuming shared context:', _t4);
+            case 7:
+              setupAfterResume();
+              return _context8.a(2);
+            case 8:
+              console.log("\uD83C\uDFB5 AudioPlayer: Creating AudioContext at ".concat(desiredSampleRate, "Hz (from outputFormat: ").concat(((_this$outputFormat6 = this.outputFormat) === null || _this$outputFormat6 === void 0 ? void 0 : _this$outputFormat6.sampleRate) || 'not set', ")"));
+
+              // Close old shared context if sample rate changed
+              if (_sharedPlayerContext && _sharedPlayerContext.state !== 'closed') {
+                console.log('🔄 AudioPlayer: Closing old shared AudioContext (sample rate changed)');
+                try {
+                  _sharedPlayerContext.close();
+                } catch (e) {
+                  console.warn('⚠️ AudioPlayer: Error closing old shared context:', e);
+                }
+              }
+              try {
+                this.audioContext = new (window.AudioContext || window.webkitAudioContext)({
+                  sampleRate: desiredSampleRate,
+                  latencyHint: 'playback'
+                });
+
+                // Store as shared context
+                _sharedPlayerContext = this.audioContext;
+                _sharedPlayerSampleRate = desiredSampleRate;
+                console.log("\u2705 AudioContext created at ".concat(this.audioContext.sampleRate, "Hz (requested: ").concat(desiredSampleRate, "Hz)"));
+                if (Math.abs(this.audioContext.sampleRate - desiredSampleRate) > 100) {
+                  console.error("\u274C CRITICAL: Browser sample rate mismatch!");
+                  console.error("   Requested: ".concat(desiredSampleRate, "Hz"));
+                  console.error("   Got: ".concat(this.audioContext.sampleRate, "Hz"));
+                  console.error("   This WILL cause audio distortion/noise!");
+                  console.error("   Solution: Backend should send ".concat(this.audioContext.sampleRate, "Hz audio instead"));
+                } else if (this.audioContext.sampleRate !== desiredSampleRate) {
+                  console.warn("\u26A0\uFE0F Browser adjusted sample rate: ".concat(desiredSampleRate, "Hz \u2192 ").concat(this.audioContext.sampleRate, "Hz"));
+                  console.warn("   Browser will automatically resample audio.");
+                }
+                this.setupAudioContextStateMonitoring();
+                this.gainNode = this.audioContext.createGain();
+                this.gainNode.gain.value = 1.0;
+                this.gainNode.connect(this.audioContext.destination);
+                console.log('✅ AudioPlayer: GainNode created for volume control');
+                this._primeAudioContext();
+              } catch (error) {
+                console.error("\u274C Failed to create AudioContext:", error);
+                this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
+                _sharedPlayerContext = this.audioContext;
+                _sharedPlayerSampleRate = this.audioContext.sampleRate;
+                console.log("\u2139\uFE0F Using browser default: ".concat(this.audioContext.sampleRate, "Hz"));
+                this.setupAudioContextStateMonitoring();
+                this.gainNode = this.audioContext.createGain();
+                this.gainNode.gain.value = 1.0;
+                this.gainNode.connect(this.audioContext.destination);
+                console.log('✅ AudioPlayer: GainNode created for volume control (fallback)');
+                this._primeAudioContext();
+              }
+            case 9:
+              return _context8.a(2);
           }
-        }, _callee4, this);
+        }, _callee7, this, [[4, 6]]);
       }));
-      function waitForAudioContextReady() {
-        return _waitForAudioContextReady.apply(this, arguments);
+      function initializeAudioContext() {
+        return _initializeAudioContext.apply(this, arguments);
       }
-      return waitForAudioContextReady;
+      return initializeAudioContext;
     }()
-    /**
-    /**
-     *
-     * Initialize audio context with correct sample rate
-     *
-     */
-    )
-  }, {
-    key: "initializeAudioContext",
-    value: function initializeAudioContext() {
-      var _this$outputFormat5,
-        _this7 = this,
-        _this$outputFormat6;
-      // Use negotiated sample rate, default to 24kHz to match typical server/TTS output
-      var desiredSampleRate = ((_this$outputFormat5 = this.outputFormat) === null || _this$outputFormat5 === void 0 ? void 0 : _this$outputFormat5.sampleRate) || 24000;
-      if (![24000, 44100, 48000].includes(desiredSampleRate)) {
-        console.log("\u2139\uFE0F AudioPlayer: Backend requested ".concat(desiredSampleRate, "Hz, but browser may resample"));
-        console.log("   Consider requesting 24000Hz, 44100Hz, or 48000Hz from backend to reduce resampling");
-      }
-
-      // Check if current instance AudioContext exists and matches
-      if (this.audioContext) {
-        var currentSampleRate = this.audioContext.sampleRate;
-        if (Math.abs(currentSampleRate - desiredSampleRate) > 100) {
-          console.warn("\u26A0\uFE0F AudioPlayer: AudioContext sample rate (".concat(currentSampleRate, "Hz) doesn't match format (").concat(desiredSampleRate, "Hz), recreating..."));
-          this.stopImmediate();
-          this._cleanupAudioContext();
-        } else {
-          return;
-        }
-      }
-
-      // iOS FIX: Reuse shared AudioContext if available and compatible.
-      // iOS WebKit doesn't release audio hardware synchronously on AudioContext.close(),
-      // causing newly created AudioContexts to fail silently.
-      var canReuseShared = _sharedPlayerContext && _sharedPlayerContext.state !== 'closed' && _sharedPlayerSampleRate === desiredSampleRate;
-      if (canReuseShared) {
-        console.log("\u267B\uFE0F AudioPlayer: Reusing shared AudioContext at ".concat(desiredSampleRate, "Hz (iOS-safe)"));
-        this.audioContext = _sharedPlayerContext;
-        var setupAfterResume = function setupAfterResume() {
-          _this7.setupAudioContextStateMonitoring();
-          if (_this7.gainNode) {
-            try {
-              _this7.gainNode.disconnect();
-            } catch (e) {
-              console.warn('⚠️ AudioPlayer: Error disconnecting old GainNode:', e);
-            }
-          }
-          _this7.gainNode = _this7.audioContext.createGain();
-          _this7.gainNode.gain.value = 1.0;
-          _this7.gainNode.connect(_this7.audioContext.destination);
-          if (!_this7._audioContextPrimed) {
-            _this7._primeAudioContext();
-          }
-        };
-        if (this.audioContext.state === 'suspended') {
-          this.audioContext.resume().then(function () {
-            return setupAfterResume();
-          }).catch(function (e) {
-            console.warn('⚠️ AudioPlayer: Error resuming shared context:', e);
-            setupAfterResume();
-          });
-        } else {
-          setupAfterResume();
-        }
-        return;
-      }
-      console.log("\uD83C\uDFB5 AudioPlayer: Creating AudioContext at ".concat(desiredSampleRate, "Hz (from outputFormat: ").concat(((_this$outputFormat6 = this.outputFormat) === null || _this$outputFormat6 === void 0 ? void 0 : _this$outputFormat6.sampleRate) || 'not set', ")"));
-
-      // Close old shared context if sample rate changed
-      if (_sharedPlayerContext && _sharedPlayerContext.state !== 'closed') {
-        console.log('🔄 AudioPlayer: Closing old shared AudioContext (sample rate changed)');
-        try {
-          _sharedPlayerContext.close();
-        } catch (e) {
-          console.warn('⚠️ AudioPlayer: Error closing old shared context:', e);
-        }
-      }
-      try {
-        this.audioContext = new (window.AudioContext || window.webkitAudioContext)({
-          sampleRate: desiredSampleRate,
-          latencyHint: 'playback'
-        });
-
-        // Store as shared context
-        _sharedPlayerContext = this.audioContext;
-        _sharedPlayerSampleRate = desiredSampleRate;
-        console.log("\u2705 AudioContext created at ".concat(this.audioContext.sampleRate, "Hz (requested: ").concat(desiredSampleRate, "Hz)"));
-        if (Math.abs(this.audioContext.sampleRate - desiredSampleRate) > 100) {
-          console.error("\u274C CRITICAL: Browser sample rate mismatch!");
-          console.error("   Requested: ".concat(desiredSampleRate, "Hz"));
-          console.error("   Got: ".concat(this.audioContext.sampleRate, "Hz"));
-          console.error("   This WILL cause audio distortion/noise!");
-          console.error("   Solution: Backend should send ".concat(this.audioContext.sampleRate, "Hz audio instead"));
-        } else if (this.audioContext.sampleRate !== desiredSampleRate) {
-          console.warn("\u26A0\uFE0F Browser adjusted sample rate: ".concat(desiredSampleRate, "Hz \u2192 ").concat(this.audioContext.sampleRate, "Hz"));
-          console.warn("   Browser will automatically resample audio.");
-        }
-        this.setupAudioContextStateMonitoring();
-        this.gainNode = this.audioContext.createGain();
-        this.gainNode.gain.value = 1.0;
-        this.gainNode.connect(this.audioContext.destination);
-        console.log('✅ AudioPlayer: GainNode created for volume control');
-        this._primeAudioContext();
-      } catch (error) {
-        console.error("\u274C Failed to create AudioContext:", error);
-        this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
-        _sharedPlayerContext = this.audioContext;
-        _sharedPlayerSampleRate = this.audioContext.sampleRate;
-        console.log("\u2139\uFE0F Using browser default: ".concat(this.audioContext.sampleRate, "Hz"));
-        this.setupAudioContextStateMonitoring();
-        this.gainNode = this.audioContext.createGain();
-        this.gainNode.gain.value = 1.0;
-        this.gainNode.connect(this.audioContext.destination);
-        console.log('✅ AudioPlayer: GainNode created for volume control (fallback)');
-        this._primeAudioContext();
-      }
-    }
-
     /**
      * Prime AudioContext with silent buffer to initialize Android hardware
      * This prevents the first audio frame from being cut off on Android devices
      */
+    )
   }, {
     key: "_primeAudioContext",
     value: (function () {
-      var _primeAudioContext2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
-        var sampleRate, silentBuffer, source, _t3;
-        return _regenerator().w(function (_context6) {
-          while (1) switch (_context6.p = _context6.n) {
+      var _primeAudioContext2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8() {
+        var sampleRate, silentBuffer, source, _t5;
+        return _regenerator().w(function (_context9) {
+          while (1) switch (_context9.p = _context9.n) {
             case 0:
-              _context6.p = 0;
+              _context9.p = 0;
               if (!(!this.audioContext || this._audioContextPrimed)) {
-                _context6.n = 1;
+                _context9.n = 1;
                 break;
               }
-              return _context6.a(2);
+              return _context9.a(2);
             case 1:
               sampleRate = this.audioContext.sampleRate;
               silentBuffer = this.audioContext.createBuffer(1, sampleRate * 0.15, sampleRate);
@@ -24705,23 +25809,23 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               source.buffer = silentBuffer;
               source.connect(this.audioContext.destination);
               source.start();
-              _context6.n = 2;
+              _context9.n = 2;
               return new Promise(function (resolve) {
                 return setTimeout(resolve, 150);
               });
             case 2:
               this._audioContextPrimed = true;
               console.log('✅ AudioPlayer: Audio hardware primed with silent buffer');
-              _context6.n = 4;
+              _context9.n = 4;
               break;
             case 3:
-              _context6.p = 3;
-              _t3 = _context6.v;
-              console.error('❌ AudioPlayer: Audio priming failed:', _t3);
+              _context9.p = 3;
+              _t5 = _context9.v;
+              console.error('❌ AudioPlayer: Audio priming failed:', _t5);
             case 4:
-              return _context6.a(2);
+              return _context9.a(2);
           }
-        }, _callee5, this, [[0, 3]]);
+        }, _callee8, this, [[0, 3]]);
       }));
       function _primeAudioContext() {
         return _primeAudioContext2.apply(this, arguments);
@@ -24846,55 +25950,48 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "processQueue",
     value: (function () {
-      var _processQueue = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6() {
+      var _processQueue = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9() {
         var _this9 = this;
-        var audioBlob, wasFirstPlay, audioContext, arrayBuffer, audioBuffer, shouldEmitStart, source, _t4;
-        return _regenerator().w(function (_context7) {
-          while (1) switch (_context7.p = _context7.n) {
+        var audioBlob, wasFirstPlay, audioContext, arrayBuffer, audioBuffer, shouldEmitStart, source, _t6;
+        return _regenerator().w(function (_context0) {
+          while (1) switch (_context0.p = _context0.n) {
             case 0:
               if (!this._isStopped) {
-                _context7.n = 1;
+                _context0.n = 1;
                 break;
               }
               console.log('🛑 AudioPlayer: Not processing queue - playback was stopped (barge-in)');
-              return _context7.a(2);
+              return _context0.a(2);
             case 1:
               if (!(this.isProcessingQueue || this.audioQueue.length === 0)) {
-                _context7.n = 2;
+                _context0.n = 2;
                 break;
               }
-              return _context7.a(2);
+              return _context0.a(2);
             case 2:
               this.isProcessingQueue = true;
               audioBlob = this.audioQueue.shift();
               if (audioBlob) {
-                _context7.n = 3;
+                _context0.n = 3;
                 break;
               }
               this.isProcessingQueue = false;
-              return _context7.a(2);
+              return _context0.a(2);
             case 3:
-              _context7.p = 3;
-              wasFirstPlay = !this.isPlaying && this.currentSource === null; // Initialize audio context if needed
-              if (!this.audioContext) {
-                this.initializeAudioContext();
-              }
-
-              // ✅ NEW: Wait for AudioContext to be in 'running' state before proceeding
-              // This is critical for mobile devices where AudioContext initialization takes time
-              // Replaces fixed timeouts with event-driven waiting
-              _context7.n = 4;
+              _context0.p = 3;
+              wasFirstPlay = !this.isPlaying && this.currentSource === null; // Ensure context exists and is running (handles lazy init + suspended shared context)
+              _context0.n = 4;
               return this.waitForAudioContextReady();
             case 4:
               audioContext = this.audioContext; // Decode audio
-              _context7.n = 5;
+              _context0.n = 5;
               return audioBlob.arrayBuffer();
             case 5:
-              arrayBuffer = _context7.v;
-              _context7.n = 6;
+              arrayBuffer = _context0.v;
+              _context0.n = 6;
               return audioContext.decodeAudioData(arrayBuffer);
             case 6:
-              audioBuffer = _context7.v;
+              audioBuffer = _context0.v;
               shouldEmitStart = wasFirstPlay && !this.isPlaying && this.currentSource === null; // Create source
               source = audioContext.createBufferSource();
               source.buffer = audioBuffer;
@@ -24937,14 +26034,14 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
               // Start playback - AudioContext should now be fully ready
 
               source.start();
-              _context7.n = 8;
+              _context0.n = 8;
               break;
             case 7:
-              _context7.p = 7;
-              _t4 = _context7.v;
-              console.error('❌ AudioPlayer v2: Error processing queue:', _t4);
+              _context0.p = 7;
+              _t6 = _context0.v;
+              console.error('❌ AudioPlayer v2: Error processing queue:', _t6);
               this.currentSource = null;
-              this.emit('playbackError', _t4);
+              this.emit('playbackError', _t6);
 
               // Try next chunk
 
@@ -24959,9 +26056,9 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
                 this.emit('playbackStopped');
               }
             case 8:
-              return _context7.a(2);
+              return _context0.a(2);
           }
-        }, _callee6, this, [[3, 7]]);
+        }, _callee9, this, [[3, 7]]);
       }));
       function processQueue() {
         return _processQueue.apply(this, arguments);
@@ -25241,39 +26338,43 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "resumeAudioContext",
     value: (function () {
-      var _resumeAudioContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
-        var _t5;
-        return _regenerator().w(function (_context8) {
-          while (1) switch (_context8.p = _context8.n) {
+      var _resumeAudioContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0() {
+        var _t7;
+        return _regenerator().w(function (_context1) {
+          while (1) switch (_context1.p = _context1.n) {
             case 0:
               if (!(!this.audioContext || this.audioContext.state === 'closed')) {
-                _context8.n = 2;
+                _context1.n = 2;
                 break;
               }
-              _context8.n = 1;
+              _context1.n = 1;
               return this.initializeAudioContext();
             case 1:
-              return _context8.a(2);
+              _context1.n = 6;
+              break;
             case 2:
               if (!(this.audioContext.state === 'suspended')) {
-                _context8.n = 6;
+                _context1.n = 6;
                 break;
               }
-              _context8.p = 3;
-              _context8.n = 4;
+              _context1.p = 3;
+              _context1.n = 4;
               return this.audioContext.resume();
             case 4:
               console.log('✅ AudioPlayer v2: AudioContext resumed after mic permission');
-              _context8.n = 6;
+              _context1.n = 6;
               break;
             case 5:
-              _context8.p = 5;
-              _t5 = _context8.v;
-              console.warn('⚠️ AudioPlayer v2: Failed to resume AudioContext:', _t5);
+              _context1.p = 5;
+              _t7 = _context1.v;
+              console.warn('⚠️ AudioPlayer v2: Failed to resume AudioContext:', _t7);
             case 6:
-              return _context8.a(2);
+              _context1.n = 7;
+              return this.waitForAudioContextReady();
+            case 7:
+              return _context1.a(2);
           }
-        }, _callee7, this, [[3, 5]]);
+        }, _callee0, this, [[3, 5]]);
       }));
       function resumeAudioContext() {
         return _resumeAudioContext.apply(this, arguments);
@@ -25343,6 +26444,8 @@ var AudioPlayer = /*#__PURE__*/function (_EventEmitter) {
       }
       _sharedPlayerContext = null;
       _sharedPlayerSampleRate = null;
+      // Note: live AudioPlayer instances may still hold a reference to the now-closed
+      // context until their next waitForAudioContextReady() / initializeAudioContext().
     }
   }]);
 }(_shared_EventEmitter_js__WEBPACK_IMPORTED_MODULE_0__["default"]);
@@ -25366,8 +26469,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _core_AudioRecorder_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/AudioRecorder.js */ "./src/core/AudioRecorder.js");
 /* harmony import */ var _utils_AudioFormatConverter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/AudioFormatConverter.js */ "./src/v2/utils/AudioFormatConverter.js");
 /* harmony import */ var _core_ClientToolsRegistry_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../core/ClientToolsRegistry.js */ "./src/core/ClientToolsRegistry.js");
-/* harmony import */ var _utils_screenshot_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/screenshot.js */ "./src/utils/screenshot.js");
-/* harmony import */ var _utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/visual-tools.js */ "./src/utils/visual-tools.js");
+/* harmony import */ var _core_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../core/ClientScriptManager.js */ "./src/core/ClientScriptManager.js");
+/* harmony import */ var _utils_screenshot_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/screenshot.js */ "./src/utils/screenshot.js");
+/* harmony import */ var _utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/visual-tools.js */ "./src/utils/visual-tools.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
@@ -25401,6 +26505,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 /**
 
  * VoiceSDK v2 - Multi-codec speech-to-speech SDK
@@ -25578,6 +26683,18 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
       return _this.conversationId;
     }, config.sharedToolHandlers || null);
 
+    // Flavor-independent client-tool script manager (reserved partner id
+    // `__client_tools__`). Owns its own PartnerScriptRunner so client-tool
+    // scripts run regardless of flavor, alongside (and separate from) the
+    // ecommerce flavor's partner runner. Sends result/emit frames over the
+    // voice WebSocket.
+    _this.clientScriptManager = new _core_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_5__.ClientScriptManager({
+      send: function send(message) {
+        return _this.sendMessage(message);
+      },
+      label: 'voice'
+    });
+
     // ===== REGISTER BUILT-IN SDK TOOLS =====
     // These tools work automatically - users don't need to implement them
     // Backend controls availability via agent configuration
@@ -25603,7 +26720,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
     key: "_registerBuiltInTools",
     value: function _registerBuiltInTools() {
       try {
-        (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_6__.registerVisualTools)(this.clientToolsRegistry);
+        (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_7__.registerVisualTools)(this.clientToolsRegistry);
       } catch (error) {
         console.error('❌ VoiceSDK: Error registering built-in tools:', error);
         console.error('   Error details:', error.message, error.stack);
@@ -26362,7 +27479,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
 
               // Include SDK build time for debugging
               if (true) {
-                helloMessage.lastBuildTime = "2026-05-07T11:24:41.900Z";
+                helloMessage.lastBuildTime = "2026-06-12T20:23:48.560Z";
               }
 
               // Page context is intentionally NOT attached to the hello message.
@@ -26551,6 +27668,16 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
             // envelope which the backend dispatcher routes to the callback.
             this._handleRunPartnerScript(message);
             break;
+          case 'partner_bundle':
+            // Flavor-independent client-tool bundle (partner_id `__client_tools__`)
+            // is loaded by the dedicated ClientScriptManager. Every other partner
+            // id falls through to the flavor (via the emitted 'message' event), so
+            // the ecommerce flavor's own bundle handling keeps working untouched.
+            if (_core_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_5__.ClientScriptManager.isClientToolsBundle(message)) {
+              this.clientScriptManager.setBundle(message);
+            }
+            this.emit('message', message);
+            break;
           case 'text_inject_ack':
             this.handleTextInjectAck(message);
             break;
@@ -26573,7 +27700,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
           case 'get_page_context':
             // Handle get_page_context request from backend
             console.log('📖 [VISUAL ASSISTANT] Backend requested page context');
-            (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_6__.extractPageContext)().then(function (pageContext) {
+            (0,_utils_visual_tools_js__WEBPACK_IMPORTED_MODULE_7__.extractPageContext)().then(function (pageContext) {
               // Use existing DOM scanner
               _this6.sendMessage({
                 t: 'page_context',
@@ -26594,7 +27721,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
             console.log('📸 [VISUAL ASSISTANT] Backend requested screenshot');
             try {
               // Use existing screenshot capture function
-              (0,_utils_screenshot_js__WEBPACK_IMPORTED_MODULE_5__.captureScreenshot)().then(function (screenshot) {
+              (0,_utils_screenshot_js__WEBPACK_IMPORTED_MODULE_6__.captureScreenshot)().then(function (screenshot) {
                 _this6.sendMessage({
                   t: 'screenshot',
                   screenshot: {
@@ -27074,9 +28201,15 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
               console.warn('⚠️ VoiceSDK v2: run_partner_script missing requestId; dropping', message);
               return _context3.a(2);
             case 1:
+              if (!_core_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_5__.ClientScriptManager.isClientToolsScript(message)) {
+                _context3.n = 2;
+                break;
+              }
+              return _context3.a(2, this.clientScriptManager.handleRunPartnerScript(message));
+            case 2:
               handler = (_this$clientToolsRegi = this.clientToolsRegistry) === null || _this$clientToolsRegi === void 0 || (_this$clientToolsRegi = _this$clientToolsRegi.handlers) === null || _this$clientToolsRegi === void 0 ? void 0 : _this$clientToolsRegi.get('run_partner_script');
               if (handler) {
-                _context3.n = 2;
+                _context3.n = 3;
                 break;
               }
               console.error("\uD83E\uDDE9 VoiceSDK v2: no run_partner_script handler registered (ecommerce flavor not loaded?); requestId=".concat(requestId, " partner=").concat(partnerId, " action=").concat(action));
@@ -27089,16 +28222,16 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
                 error: 'no_handler_registered'
               });
               return _context3.a(2);
-            case 2:
+            case 3:
               startedAt = Date.now();
               console.log("\uD83E\uDDE9 VoiceSDK v2: run_partner_script dispatch partner=".concat(partnerId, " action=").concat(action, " requestId=").concat(requestId));
-              _context3.p = 3;
-              _context3.n = 4;
+              _context3.p = 4;
+              _context3.n = 5;
               return handler({
                 action: action,
                 args: args
               });
-            case 4:
+            case 5:
               result = _context3.v;
               elapsedMs = Date.now() - startedAt; // Adapters return { ok, ... } themselves. Honor that flag if present;
               // otherwise treat presence-of-result as success.
@@ -27126,10 +28259,10 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
                 ok: ok,
                 result: result
               });
-              _context3.n = 6;
+              _context3.n = 7;
               break;
-            case 5:
-              _context3.p = 5;
+            case 6:
+              _context3.p = 6;
               _t2 = _context3.v;
               _elapsedMs = Date.now() - startedAt;
               console.error("\uD83E\uDDE9 VoiceSDK v2: run_partner_script threw partner=".concat(partnerId, " action=").concat(action, " requestId=").concat(requestId, " (").concat(_elapsedMs, "ms):"), _t2);
@@ -27141,10 +28274,10 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
                 ok: false,
                 error: _t2 && _t2.message || String(_t2)
               });
-            case 6:
+            case 7:
               return _context3.a(2);
           }
-        }, _callee3, this, [[3, 5]]);
+        }, _callee3, this, [[4, 6]]);
       }));
       function _handleRunPartnerScript(_x) {
         return _handleRunPartnerScript2.apply(this, arguments);
@@ -30668,6 +31801,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TextInterface_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TextInterface.js */ "./src/widget/TextInterface.js");
 /* harmony import */ var _widget_translations_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./widget-translations.js */ "./src/widget/widget-translations.js");
 /* harmony import */ var _flavors_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../flavors/index.js */ "./src/flavors/index.js");
+/* harmony import */ var _ecommerce_EcommerceVoiceStrip_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ecommerce/EcommerceVoiceStrip.js */ "./src/ecommerce/EcommerceVoiceStrip.js");
 var _excluded = ["agentName"];
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -30695,6 +31829,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 
 
 
+
 /** Fallback for `buildWebSocketUrl()` when no optional `websocketUrl` override is set (VoiceSDK v2 uses the same default). */
 var DEFAULT_VOICE_WEBSOCKET_URL = 'wss://speech.talktopc.com/ws/conv';
 function isNonEmptyConfigString(v) {
@@ -30789,6 +31924,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
   function TTPChatWidget() {
     var _this$config$behavior,
       _this$config$panel,
+      _this$config$flavor,
       _this$config$text,
       _this$config$text2,
       _this$config$voice,
@@ -30841,6 +31977,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
     var showVoiceUi = widgetModeForVoice === 'unified' || widgetModeForVoice === 'voice-only';
     var panelBgForBrand = ((_this$config$panel = this.config.panel) === null || _this$config$panel === void 0 ? void 0 : _this$config$panel.backgroundColor) || '#16161e';
     var talkToPcLink = talkToPcLinkColorForPanel(computeIsLightPanel(panelBgForBrand), this.config.voice, this._rawConfig, showVoiceUi);
+    var desktopMinimizedEcommerceStripUi = typeof window !== 'undefined' && window.innerWidth > 768 && ((_this$config$flavor = this.config.flavor) === null || _this$config$flavor === void 0 ? void 0 : _this$config$flavor.callView) === 'minimized';
     var voiceConfig = _objectSpread(_objectSpread(_objectSpread({}, this.config), this.config.voice), {}, {
       agentName: this.config.agentName,
       _talkToPcLinkColor: talkToPcLink,
@@ -30864,8 +32001,24 @@ var TTPChatWidget = /*#__PURE__*/function () {
       outputSampleRate: ((_this$config$voice4 = this.config.voice) === null || _this$config$voice4 === void 0 ? void 0 : _this$config$voice4.outputSampleRate) || 24000,
       outputChannels: ((_this$config$voice5 = this.config.voice) === null || _this$config$voice5 === void 0 ? void 0 : _this$config$voice5.outputChannels) || 1,
       outputBitDepth: ((_this$config$voice6 = this.config.voice) === null || _this$config$voice6 === void 0 ? void 0 : _this$config$voice6.outputBitDepth) || 16,
-      // Pass event callbacks to voice interface
-      onConversationStart: this.config.onConversationStart,
+      desktopMinimizedEcommerceStripUi: desktopMinimizedEcommerceStripUi,
+      onDesktopMinimizedStripCallStart: desktopMinimizedEcommerceStripUi ? function () {
+        var _this$_ecommerceVoice;
+        (_this$_ecommerceVoice = _this._ecommerceVoiceStrip) === null || _this$_ecommerceVoice === void 0 || _this$_ecommerceVoice.show();
+        if (_this.isOpen) _this.minimize();
+        _this._setPanelFooterVisible(false);
+        _this._setEcommerceStripLauncherVisible(false);
+      } : undefined,
+      onDesktopMinimizedStripLauncherRestore: desktopMinimizedEcommerceStripUi ? function () {
+        return _this._restoreDesktopEcommerceStripChrome();
+      } : undefined,
+      // Pass event callbacks to voice interface (forward only; panel is not auto-minimized on call start)
+      onConversationStart: function onConversationStart() {
+        if (typeof _this.config.onConversationStart === 'function') {
+          var _this$config;
+          (_this$config = _this.config).onConversationStart.apply(_this$config, arguments);
+        }
+      },
       onConversationEnd: this.config.onConversationEnd,
       onBargeIn: this.config.onBargeIn,
       onAudioStartPlaying: this.config.onAudioStartPlaying,
@@ -30933,7 +32086,9 @@ var TTPChatWidget = /*#__PURE__*/function () {
       },
       onMobileError: function onMobileError(message) {
         _this.showMobileLandingError(message);
-      }
+      },
+      // Root layout direction — must be last so `...this.config.voice` cannot overwrite with `undefined`
+      direction: this.getEffectiveTextDirection()
     });
     this.voiceInterface = new _VoiceInterface_js__WEBPACK_IMPORTED_MODULE_1__.VoiceInterface(voiceConfig);
 
@@ -30981,11 +32136,12 @@ var TTPChatWidget = /*#__PURE__*/function () {
     // Check for resume state and auto-resume if needed
     this.checkAndHandleResume();
 
-    // Initialize flavor module if configured
+    // Initialize flavor module if configured (use merged config so flavor matches this.config)
     this._flavor = null;
-    this._flavorObj = config.flavor && _typeof(config.flavor) === 'object' ? config.flavor : null;
+    this._flavorObj = this.config.flavor && _typeof(this.config.flavor) === 'object' ? this.config.flavor : null;
     if (this._flavorObj && this._flavorObj.type) {
       this._initFlavor(this._flavorObj.type);
+      this._initEcommerceVoiceStrip();
     } else if (this._flavorObj && !this._flavorObj.type) {
       console.error('[TTPChatWidget] flavor object is set but missing required "type" field. Widget will run in vanilla mode.');
     }
@@ -31147,8 +32303,8 @@ var TTPChatWidget = /*#__PURE__*/function () {
   }, {
     key: "getEffectiveTextDirection",
     value: function getEffectiveTextDirection() {
-      var _this$config;
-      return ((_this$config = this.config) === null || _this$config === void 0 ? void 0 : _this$config.direction) === 'rtl' ? 'rtl' : 'ltr';
+      var _this$config2;
+      return ((_this$config2 = this.config) === null || _this$config2 === void 0 ? void 0 : _this$config2.direction) === 'rtl' ? 'rtl' : 'ltr';
     }
 
     /**
@@ -31200,6 +32356,52 @@ var TTPChatWidget = /*#__PURE__*/function () {
       this._doTogglePanel();
     }
 
+    /**
+     * DOM root that contains the launcher (`#text-chat-button-container`), matching createWidget.
+     * @returns {ShadowRoot|Document}
+     */
+  }, {
+    key: "_launcherDomRoot",
+    value: function _launcherDomRoot() {
+      if (this.config.useShadowDOM !== false && this.shadowRoot && this.shadowRoot !== document) {
+        return this.shadowRoot;
+      }
+      return document;
+    }
+
+    /**
+     * Show or hide the floating launcher for desktop callView:minimized (bottom strip mode).
+     * Widget CSS uses `display: flex !important` on the container — hide with `none !important`.
+     * @param {boolean} visible
+     */
+  }, {
+    key: "_setEcommerceStripLauncherVisible",
+    value: function _setEcommerceStripLauncherVisible(visible) {
+      var _this$config$behavior4;
+      if ((_this$config$behavior4 = this.config.behavior) !== null && _this$config$behavior4 !== void 0 && _this$config$behavior4.hidden) return;
+      var root = this._launcherDomRoot();
+      var container = root.getElementById('text-chat-button-container');
+      var btn = root.getElementById('text-chat-button');
+      if (visible) {
+        if (container) container.style.removeProperty('display');
+        if (btn) btn.style.removeProperty('display');
+      } else if (container) {
+        container.style.setProperty('display', 'none', 'important');
+      } else if (btn) {
+        btn.style.setProperty('display', 'none', 'important');
+      }
+    }
+
+    /** Hide bottom strip and restore floating launcher (desktop minimized call UI). */
+  }, {
+    key: "_restoreDesktopEcommerceStripChrome",
+    value: function _restoreDesktopEcommerceStripChrome() {
+      var _this$_ecommerceVoice2;
+      (_this$_ecommerceVoice2 = this._ecommerceVoiceStrip) === null || _this$_ecommerceVoice2 === void 0 || _this$_ecommerceVoice2.hide();
+      this._setPanelFooterVisible(true);
+      this._setEcommerceStripLauncherVisible(true);
+    }
+
     /**
      * Wire the universal widget-control message listener on both the
      * text-chat SDK and the voice SDK. Two channels, one set of message types
@@ -31269,7 +32471,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
   }, {
     key: "mergeWithDefaults",
     value: function mergeWithDefaults(userConfig) {
-      var _userConfig$button, _userConfig$button2, _userConfig$icon, _userConfig$icon2, _userConfig$icon3, _userConfig$icon4, _userConfig$icon5, _userConfig$button3, _userConfig$button4, _userConfig$button5, _userConfig$icon7, _userConfig$button6, _userConfig$button7, _userConfig$button8, _userConfig$button9, _userConfig$icon8, _userConfig$panel, _userConfig$panel2, _userConfig$panel3, _userConfig$panel4, _userConfig$panel5, _userConfig$panel6, _userConfig$footer, _userConfig$footer2, _userConfig$footer3, _userConfig$footer4, _userConfig$tooltips, _userConfig$tooltips2, _userConfig$tooltips3, _userConfig$tooltips4, _userConfig$tooltips5, _userConfig$tooltips6, _userConfig$messages, _userConfig$messages2, _userConfig$messages3, _userConfig$messages4, _userConfig$messages5, _userConfig$messages6, _userConfig$messages7, _userConfig$messages8, _userConfig$messages9, _userConfig$messages0, _userConfig$messages1, _userConfig$messages10, _userConfig$messages11, _userConfig$animation, _userConfig$animation2, _userConfig$animation3, _userConfig$animation4, _userConfig$promptAni, _userConfig$promptAni2, _userConfig$promptAni3, _userConfig$promptAni4, _userConfig$promptAni5, _userConfig$promptAni6, _userConfig$promptAni7, _userConfig$promptAni8, _userConfig$promptAni9, _userConfig$promptAni0, _userConfig$behavior, _userConfig$behavior2, _userConfig$behavior3, _userConfig$behavior4, _userConfig$behavior5, _userConfig$behavior6, _userConfig$behavior7, _userConfig$behavior8, _userConfig$accessibi, _userConfig$accessibi2, _userConfig$accessibi3;
+      var _userConfig$button, _userConfig$button2, _userConfig$icon, _userConfig$icon2, _userConfig$icon3, _userConfig$icon4, _userConfig$icon5, _userConfig$button3, _userConfig$button4, _userConfig$button5, _userConfig$icon7, _userConfig$button6, _userConfig$button7, _userConfig$button8, _userConfig$button9, _userConfig$icon8, _userConfig$panel, _userConfig$panel2, _userConfig$panel3, _userConfig$panel4, _userConfig$panel5, _userConfig$panel6, _userConfig$footer, _userConfig$footer2, _userConfig$footer3, _userConfig$footer4, _userConfig$footer5, _userConfig$tooltips, _userConfig$tooltips2, _userConfig$tooltips3, _userConfig$tooltips4, _userConfig$tooltips5, _userConfig$tooltips6, _userConfig$messages, _userConfig$messages2, _userConfig$messages3, _userConfig$messages4, _userConfig$messages5, _userConfig$messages6, _userConfig$messages7, _userConfig$messages8, _userConfig$messages9, _userConfig$messages0, _userConfig$messages1, _userConfig$messages10, _userConfig$messages11, _userConfig$animation, _userConfig$animation2, _userConfig$animation3, _userConfig$animation4, _userConfig$promptAni, _userConfig$promptAni2, _userConfig$promptAni3, _userConfig$promptAni4, _userConfig$promptAni5, _userConfig$promptAni6, _userConfig$promptAni7, _userConfig$promptAni8, _userConfig$promptAni9, _userConfig$promptAni0, _userConfig$behavior, _userConfig$behavior2, _userConfig$behavior3, _userConfig$behavior4, _userConfig$behavior5, _userConfig$behavior6, _userConfig$behavior7, _userConfig$behavior8, _userConfig$accessibi, _userConfig$accessibi2, _userConfig$accessibi3;
       // Handle legacy position string format
       var positionConfig = userConfig.position || 'bottom-right';
       if (typeof positionConfig === 'string') {
@@ -31535,7 +32737,9 @@ var TTPChatWidget = /*#__PURE__*/function () {
           // Default true
           backgroundColor: ((_userConfig$footer2 = userConfig.footer) === null || _userConfig$footer2 === void 0 ? void 0 : _userConfig$footer2.backgroundColor) || '#f9fafb',
           textColor: ((_userConfig$footer3 = userConfig.footer) === null || _userConfig$footer3 === void 0 ? void 0 : _userConfig$footer3.textColor) || '#9ca3af',
-          hoverColor: ((_userConfig$footer4 = userConfig.footer) === null || _userConfig$footer4 === void 0 ? void 0 : _userConfig$footer4.hoverColor) || '#7C3AED'
+          hoverColor: ((_userConfig$footer4 = userConfig.footer) === null || _userConfig$footer4 === void 0 ? void 0 : _userConfig$footer4.hoverColor) || '#7C3AED',
+          // Brand shown in "Powered by" footer. 'talktopc' (default) or 'speacart'.
+          brand: ((_userConfig$footer5 = userConfig.footer) === null || _userConfig$footer5 === void 0 ? void 0 : _userConfig$footer5.brand) === 'speacart' ? 'speacart' : 'talktopc'
         }, userConfig.footer),
         // Tooltips Configuration
         tooltips: _objectSpread({
@@ -31767,8 +32971,8 @@ var TTPChatWidget = /*#__PURE__*/function () {
 
       // On desktop, ensure voice hero is shown for unified/voice-only (in-panel mode picker removed)
       if (window.innerWidth > 768) {
-        var _this$config$behavior4;
-        var widgetMode = ((_this$config$behavior4 = this.config.behavior) === null || _this$config$behavior4 === void 0 ? void 0 : _this$config$behavior4.mode) || 'unified';
+        var _this$config$behavior5;
+        var widgetMode = ((_this$config$behavior5 = this.config.behavior) === null || _this$config$behavior5 === void 0 ? void 0 : _this$config$behavior5.mode) || 'unified';
         var preferVoice = widgetMode === 'unified' || widgetMode === 'voice-only';
         if (preferVoice && this.currentView !== 'text') {
           this.showVoice();
@@ -31866,7 +33070,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
   }, {
     key: "generateWidgetHTML",
     value: function generateWidgetHTML() {
-      var _this$config$behavior5,
+      var _this$config$behavior6,
         _this7 = this;
       var pos = this.config.position;
       var btn = this.config.button;
@@ -31895,7 +33099,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
 
       // Generate position styles
       var positionStyles = this.generatePositionStyles();
-      var widgetMode = ((_this$config$behavior5 = this.config.behavior) === null || _this$config$behavior5 === void 0 ? void 0 : _this$config$behavior5.mode) || 'unified';
+      var widgetMode = ((_this$config$behavior6 = this.config.behavior) === null || _this$config$behavior6 === void 0 ? void 0 : _this$config$behavior6.mode) || 'unified';
       var showVoice = widgetMode === 'unified' || widgetMode === 'voice-only';
       var showText = widgetMode === 'unified' || widgetMode === 'text-only';
       var voiceEnabled = showVoice;
@@ -31947,7 +33151,24 @@ var TTPChatWidget = /*#__PURE__*/function () {
       var pillWaveformBars = '<span class="bar"></span><span class="bar"></span><span class="bar"></span><span class="bar"></span><span class="bar"></span>';
       var pillIconInner = pillCustomImage ? "<img class=\"ttp-launcher-logo\" src=\"".concat(pillCustomImage, "\" alt=\"\" />") : "<div class=\"ttp-pill-waveform\" aria-hidden=\"true\">".concat(pillWaveformBars, "</div>");
       var pillIconWrapClass = pillCustomImage ? 'ttp-pill-icon' : 'ttp-pill-icon ttp-pill-icon--wave';
-      return "\n      ".concat(styleTag, "\n      \n      ").concat(this.config.behavior.hidden ? '' : "\n      <div id=\"text-chat-button-container\">\n        ".concat(promptBubbleHTML, "\n        ").concat(isPromptEnabled && promptConfig.showPulseRings !== false ? this.generatePulseRingsHTML(promptConfig) : '', "\n        <!-- Desktop pill launcher (hidden on mobile) -->\n        <button type=\"button\" id=\"text-chat-button\" aria-label=\"Open chat with ").concat(pillTitle, "\">\n          <div class=\"").concat(pillIconWrapClass, "\">\n            ").concat(pillIconInner, "\n          </div>\n          <div class=\"ttp-pill-text\">\n            <span class=\"ttp-pill-title\">").concat(pillTitle, "</span>\n            <span class=\"ttp-pill-status\">\n              <span class=\"ttp-launcher-dot\"></span>\n              ").concat(header.onlineIndicatorText !== undefined && header.onlineIndicatorText !== null ? header.onlineIndicatorText : t('online'), "\n            </span>\n          </div>\n        </button>\n        <!-- Mobile FAB (hidden on desktop) -->\n        <button class=\"ttp-mobile-fab\" aria-label=\"").concat(this.config.accessibility.ariaLabel, "\">\n          <div class=\"ttp-mobile-fab__icon-wrap\">\n            <div class=\"ttp-mobile-fab__waveform\">\n              <span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span>\n            </div>\n          </div>\n          <div class=\"ttp-mobile-fab__label-wrap\">\n            <span class=\"ttp-mobile-fab__label\">").concat(mobileFabLabel, "</span>\n            <span class=\"ttp-mobile-fab__status\">\n              <span class=\"ttp-mobile-fab__dot\"></span>\n              ").concat(header.onlineIndicatorText !== undefined && header.onlineIndicatorText !== null ? header.onlineIndicatorText : t('online'), "\n            </span>\n          </div>\n        </button>\n      </div>\n      "), "\n\n      ").concat(this.config.behavior.hidden ? '' : "\n      <div id=\"ttpMobileLanding\" class=\"ttp-mobile-landing\">\n        <div class=\"ttp-mobile-landing__header\">\n          <div class=\"ttp-mobile-landing__avatar\">\n            <div class=\"ttp-mobile-landing__waveform\">\n              <span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span>\n            </div>\n          </div>\n          <div class=\"ttp-mobile-landing__info\">\n            <div class=\"ttp-mobile-landing__name\">".concat(mobileLandingHeroName, "</div>\n            <div class=\"ttp-mobile-landing__status\">\n              <span class=\"ttp-mobile-landing__dot\"></span>\n              ").concat(this.config.landing.statusText || t('online') + ' • ' + (this.config.landing.subtitle || 'Ready to help'), "\n            </div>\n          </div>\n          <button class=\"ttp-mobile-landing__close\" aria-label=\"Close\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\n            </svg>\n          </button>\n        </div>\n        <div class=\"ttp-mobile-landing__error\" id=\"ttpMobileLandingError\" style=\"display:none;\">\n          <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n          </svg>\n          <span class=\"ttp-mobile-landing__error-text\"></span>\n        </div>\n        <div class=\"ttp-mobile-landing__actions\">\n          ").concat(showVoice ? "\n          <button class=\"ttp-mobile-landing__btn ttp-mobile-landing__btn--call\" id=\"ttpMobileCallBtn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"/>\n            </svg>\n            ".concat(this.config.landing.callButtonText || this.config.landing.voiceCardTitle || t('voiceCall'), "\n          </button>\n          ") : '', "\n          ").concat(showText ? "\n          <button class=\"ttp-mobile-landing__btn ttp-mobile-landing__btn--text\" id=\"ttpMobileChatBtn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\n            </svg>\n            ".concat(this.config.landing.chatButtonText || this.config.landing.textCardTitle || t('textChat'), "\n          </button>\n          ") : '', "\n        </div>\n        ").concat(this.config.footer.show !== false ? "\n        <div class=\"ttp-mobile-landing__footer\">\n          <div class=\"ttp-mobile-landing__powered\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"10\" height=\"10\">\n              <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"/>\n            </svg>\n            Powered by <a href=\"https://talktopc.com\" target=\"_blank\" rel=\"noopener\">TalkToPC</a>\n          </div>\n        </div>\n        " : '', "\n      </div>\n      "), "\n      \n      <div id=\"text-chat-panel\">\n        <div class=\"widget-shell\">\n          <div class=\"panel-inner widget-container\" style=\"direction: ").concat(this.config.direction, ";\">\n\n          ").concat(showVoice ? this.voiceInterface.generateHTML() : '', "\n          ").concat(showText ? this.textInterface.generateHTML() : '', "\n          ").concat(this.generateFooterHTML(), "\n          </div>\n        </div>\n      </div>\n    ");
+      return "\n      ".concat(styleTag, "\n      \n      ").concat(this.config.behavior.hidden ? '' : "\n      <div id=\"text-chat-button-container\">\n        ".concat(promptBubbleHTML, "\n        ").concat(isPromptEnabled && promptConfig.showPulseRings !== false ? this.generatePulseRingsHTML(promptConfig) : '', "\n        <!-- Desktop pill launcher (hidden on mobile) -->\n        <button type=\"button\" id=\"text-chat-button\" aria-label=\"Open chat with ").concat(pillTitle, "\">\n          <div class=\"").concat(pillIconWrapClass, "\">\n            ").concat(pillIconInner, "\n          </div>\n          <div class=\"ttp-pill-text\">\n            <span class=\"ttp-pill-title\">").concat(pillTitle, "</span>\n            <span class=\"ttp-pill-status\">\n              <span class=\"ttp-launcher-dot\"></span>\n              ").concat(header.onlineIndicatorText !== undefined && header.onlineIndicatorText !== null ? header.onlineIndicatorText : t('online'), "\n            </span>\n          </div>\n        </button>\n        <!-- Mobile FAB (hidden on desktop) -->\n        <button class=\"ttp-mobile-fab\" aria-label=\"").concat(this.config.accessibility.ariaLabel, "\">\n          <div class=\"ttp-mobile-fab__icon-wrap\">\n            <div class=\"ttp-mobile-fab__waveform\">\n              <span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span>\n            </div>\n          </div>\n          <div class=\"ttp-mobile-fab__label-wrap\">\n            <span class=\"ttp-mobile-fab__label\">").concat(mobileFabLabel, "</span>\n            <span class=\"ttp-mobile-fab__status\">\n              <span class=\"ttp-mobile-fab__dot\"></span>\n              ").concat(header.onlineIndicatorText !== undefined && header.onlineIndicatorText !== null ? header.onlineIndicatorText : t('online'), "\n            </span>\n          </div>\n        </button>\n      </div>\n      "), "\n\n      ").concat(this.config.behavior.hidden ? '' : "\n      <div id=\"ttpMobileLanding\" class=\"ttp-mobile-landing\">\n        <div class=\"ttp-mobile-landing__header\">\n          <div class=\"ttp-mobile-landing__avatar\">\n            <div class=\"ttp-mobile-landing__waveform\">\n              <span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span><span class=\"bar\"></span>\n            </div>\n          </div>\n          <div class=\"ttp-mobile-landing__info\">\n            <div class=\"ttp-mobile-landing__name\">".concat(mobileLandingHeroName, "</div>\n            <div class=\"ttp-mobile-landing__status\">\n              <span class=\"ttp-mobile-landing__dot\"></span>\n              ").concat(this.config.landing.statusText || t('online') + ' • ' + (this.config.landing.subtitle || 'Ready to help'), "\n            </div>\n          </div>\n          <button class=\"ttp-mobile-landing__close\" aria-label=\"Close\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\n            </svg>\n          </button>\n        </div>\n        <div class=\"ttp-mobile-landing__error\" id=\"ttpMobileLandingError\" style=\"display:none;\">\n          <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n          </svg>\n          <span class=\"ttp-mobile-landing__error-text\"></span>\n        </div>\n        <div class=\"ttp-mobile-landing__actions\">\n          ").concat(showVoice ? "\n          <button class=\"ttp-mobile-landing__btn ttp-mobile-landing__btn--call\" id=\"ttpMobileCallBtn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"/>\n            </svg>\n            ".concat(this.config.landing.callButtonText || this.config.landing.voiceCardTitle || t('voiceCall'), "\n          </button>\n          ") : '', "\n          ").concat(showText ? "\n          <button class=\"ttp-mobile-landing__btn ttp-mobile-landing__btn--text\" id=\"ttpMobileChatBtn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\n            </svg>\n            ".concat(this.config.landing.chatButtonText || this.config.landing.textCardTitle || t('textChat'), "\n          </button>\n          ") : '', "\n        </div>\n        ").concat(this.config.footer.show !== false ? "\n        <div class=\"ttp-mobile-landing__footer\">\n          <div class=\"ttp-mobile-landing__powered\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"10\" height=\"10\">\n              <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"/>\n            </svg>\n            Powered by <a href=\"".concat(this.config.footer.brand === 'speacart' ? 'https://speacart.com' : 'https://talktopc.com', "\" target=\"_blank\" rel=\"noopener\">").concat(this.config.footer.brand === 'speacart' ? 'SpeaCart' : 'TalkToPC', "</a>\n          </div>\n        </div>\n        ") : '', "\n      </div>\n      "), "\n      \n      <div id=\"text-chat-panel\">\n        <div class=\"widget-shell\">\n          <div class=\"panel-inner widget-container\" style=\"direction: ").concat(this.config.direction, ";\">\n\n          ").concat(showVoice ? this.voiceInterface.generateHTML() : '', "\n          ").concat(showText ? this.textInterface.generateHTML() : '', "\n          ").concat(this.generateFooterHTML(), "\n          </div>\n        </div>\n      </div>\n    ");
+    }
+
+    /**
+     * Resolved footer branding for panel + desktop voice strip.
+     * @returns {{ brandUrl: string, brandName: string } | null}
+     */
+  }, {
+    key: "getFooterBranding",
+    value: function getFooterBranding() {
+      var footer = this.config.footer;
+      if (!(footer !== null && footer !== void 0 && footer.show)) return null;
+      var refSource = encodeURIComponent(window.location.hostname || 'widget');
+      var isSpeacart = footer.brand === 'speacart';
+      return {
+        brandUrl: isSpeacart ? 'https://speacart.com' : "https://talktopc.com?ref=widget&source=".concat(refSource),
+        brandName: isSpeacart ? 'SpeaCart' : 'TalkToPC'
+      };
     }
 
     /**
@@ -31956,11 +33177,24 @@ var TTPChatWidget = /*#__PURE__*/function () {
   }, {
     key: "generateFooterHTML",
     value: function generateFooterHTML() {
-      var footer = this.config.footer;
-      if (!footer.show) return '';
-      var refSource = encodeURIComponent(window.location.hostname || 'widget');
-      var brandUrl = "https://talktopc.com?ref=widget&source=".concat(refSource);
-      return "\n      <div class=\"widget-footer ttp-footer\">\n        <span>Powered by <a href=\"".concat(brandUrl, "\" target=\"_blank\" rel=\"noopener noreferrer\"><b>TalkToPC</b></a></span>\n      </div>\n    ");
+      var branding = this.getFooterBranding();
+      if (!branding) return '';
+      var brandUrl = branding.brandUrl,
+        brandName = branding.brandName;
+      return "\n      <div class=\"widget-footer ttp-footer\">\n        <span>Powered by <a href=\"".concat(brandUrl, "\" target=\"_blank\" rel=\"noopener noreferrer\"><b>").concat(brandName, "</b></a></span>\n      </div>\n    ");
+    }
+
+    /**
+     * Hide in-panel footer while the desktop bottom strip owns the active call UI.
+     * @param {boolean} visible
+     */
+  }, {
+    key: "_setPanelFooterVisible",
+    value: function _setPanelFooterVisible(visible) {
+      var _root$querySelector;
+      var root = this.shadowRoot || document;
+      var footer = (_root$querySelector = root.querySelector) === null || _root$querySelector === void 0 ? void 0 : _root$querySelector.call(root, '.ttp-footer');
+      if (footer) footer.style.display = visible ? '' : 'none';
     }
   }, {
     key: "generatePositionStyles",
@@ -32056,7 +33290,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
   }, {
     key: "generateCSS",
     value: function generateCSS(positionStyles, buttonSize, iconSize) {
-      var _this$config$behavior6, _this$config$text3, _this$config$position, _this$config$position2, _this$config$position3, _this$config$position4;
+      var _this$config$behavior7, _this$config$text3, _this$config$position, _this$config$position2, _this$config$position3, _this$config$position4;
       var btn = this.config.button;
       var icon = this.config.icon;
       var panel = this.config.panel;
@@ -32065,7 +33299,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
       var anim = this.config.animation;
 
       // Determine which interfaces to show
-      var widgetMode = ((_this$config$behavior6 = this.config.behavior) === null || _this$config$behavior6 === void 0 ? void 0 : _this$config$behavior6.mode) || 'unified';
+      var widgetMode = ((_this$config$behavior7 = this.config.behavior) === null || _this$config$behavior7 === void 0 ? void 0 : _this$config$behavior7.mode) || 'unified';
       var showVoice = widgetMode === 'unified' || widgetMode === 'voice-only';
       var showText = widgetMode === 'unified' || widgetMode === 'text-only';
 
@@ -32099,7 +33333,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
     key: "setupWidgetEvents",
     value: function setupWidgetEvents() {
       var _this8 = this,
-        _this$config$behavior7;
+        _this$config$behavior8;
       if (!this.shadowRoot) return;
 
       // Setup prompt animation visibility and interactions
@@ -32169,7 +33403,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
       }
 
       // Voice selection events (based on widget mode)
-      var widgetMode = ((_this$config$behavior7 = this.config.behavior) === null || _this$config$behavior7 === void 0 ? void 0 : _this$config$behavior7.mode) || 'unified';
+      var widgetMode = ((_this$config$behavior8 = this.config.behavior) === null || _this$config$behavior8 === void 0 ? void 0 : _this$config$behavior8.mode) || 'unified';
       var isUnified = widgetMode === 'unified';
       var showVoice = widgetMode === 'unified' || widgetMode === 'voice-only';
       var showText = widgetMode === 'unified' || widgetMode === 'text-only';
@@ -32956,8 +34190,9 @@ var TTPChatWidget = /*#__PURE__*/function () {
   }, {
     key: "updateConfig",
     value: function updateConfig(newConfig) {
-      var _this$config2,
-        _this$config3,
+      var _this$config3,
+        _this$config4,
+        _this$config$flavor2,
         _this$config$voice8,
         _this$config$voice9,
         _this$config$voice0,
@@ -33081,9 +34316,9 @@ var TTPChatWidget = /*#__PURE__*/function () {
       });
 
       // Store current language before merge to detect changes
-      var oldLanguage = ((_this$config2 = this.config) === null || _this$config2 === void 0 ? void 0 : _this$config2.language) || 'en';
+      var oldLanguage = ((_this$config3 = this.config) === null || _this$config3 === void 0 ? void 0 : _this$config3.language) || 'en';
       // Store current useShadowDOM setting
-      var oldUseShadowDOM = ((_this$config3 = this.config) === null || _this$config3 === void 0 ? void 0 : _this$config3.useShadowDOM) !== false;
+      var oldUseShadowDOM = ((_this$config4 = this.config) === null || _this$config4 === void 0 ? void 0 : _this$config4.useShadowDOM) !== false;
       this.config = this.mergeWithDefaults(mergedConfig);
 
       // Check if useShadowDOM changed - if so, need to recreate container
@@ -33161,6 +34396,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
       // Recreate interfaces with new config (after mergeWithDefaults, so language is current)
       // Ensure language is correctly passed - use the merged config value
       var currentLanguage = this.config.language || 'en';
+      var desktopMinimizedEcommerceStripUi = typeof window !== 'undefined' && window.innerWidth > 768 && ((_this$config$flavor2 = this.config.flavor) === null || _this$config$flavor2 === void 0 ? void 0 : _this$config$flavor2.callView) === 'minimized';
       var voiceConfig = _objectSpread(_objectSpread(_objectSpread({}, this.config), this.config.voice), {}, {
         agentName: this.config.agentName,
         language: currentLanguage,
@@ -33178,8 +34414,24 @@ var TTPChatWidget = /*#__PURE__*/function () {
         outputSampleRate: ((_this$config$voice0 = this.config.voice) === null || _this$config$voice0 === void 0 ? void 0 : _this$config$voice0.outputSampleRate) || 24000,
         outputChannels: ((_this$config$voice1 = this.config.voice) === null || _this$config$voice1 === void 0 ? void 0 : _this$config$voice1.outputChannels) || 1,
         outputBitDepth: ((_this$config$voice10 = this.config.voice) === null || _this$config$voice10 === void 0 ? void 0 : _this$config$voice10.outputBitDepth) || 16,
-        // Pass event callbacks to voice interface
-        onConversationStart: this.config.onConversationStart,
+        desktopMinimizedEcommerceStripUi: desktopMinimizedEcommerceStripUi,
+        onDesktopMinimizedStripCallStart: desktopMinimizedEcommerceStripUi ? function () {
+          var _this13$_ecommerceVoi;
+          (_this13$_ecommerceVoi = _this13._ecommerceVoiceStrip) === null || _this13$_ecommerceVoi === void 0 || _this13$_ecommerceVoi.show();
+          if (_this13.isOpen) _this13.minimize();
+          _this13._setPanelFooterVisible(false);
+          _this13._setEcommerceStripLauncherVisible(false);
+        } : undefined,
+        onDesktopMinimizedStripLauncherRestore: desktopMinimizedEcommerceStripUi ? function () {
+          return _this13._restoreDesktopEcommerceStripChrome();
+        } : undefined,
+        // Pass event callbacks to voice interface (forward only; panel is not auto-minimized on call start)
+        onConversationStart: function onConversationStart() {
+          if (typeof _this13.config.onConversationStart === 'function') {
+            var _this13$config;
+            (_this13$config = _this13.config).onConversationStart.apply(_this13$config, arguments);
+          }
+        },
         onConversationEnd: this.config.onConversationEnd,
         onBargeIn: this.config.onBargeIn,
         onAudioStartPlaying: this.config.onAudioStartPlaying,
@@ -33229,7 +34481,8 @@ var TTPChatWidget = /*#__PURE__*/function () {
           } else {
             _this13.showLanding();
           }
-        }
+        },
+        direction: this.getEffectiveTextDirection()
       });
       this.voiceInterface = new _VoiceInterface_js__WEBPACK_IMPORTED_MODULE_1__.VoiceInterface(voiceConfig);
 
@@ -33252,6 +34505,136 @@ var TTPChatWidget = /*#__PURE__*/function () {
       if (this.textInterface && this.textInterface.updateInputAttributes) {
         this.textInterface.updateInputAttributes();
       }
+
+      // Recreated VoiceInterface = new AgentSDK; re-wire ecommerce bottom strip to onConversationStart / transcript.
+      this._flavorObj = this.config.flavor && _typeof(this.config.flavor) === 'object' ? this.config.flavor : null;
+      if (this._ecommerceVoiceStrip) {
+        this._ecommerceVoiceStrip.destroy();
+        this._ecommerceVoiceStrip = null;
+      }
+      this._initEcommerceVoiceStrip();
+    }
+
+    /**
+     * Initialize the bottom-strip voice UI for desktop + flavor.callView:"minimized".
+     *
+     * Activates when flavor.callView === "minimized" and Desktop (window.innerWidth > 768).
+     *
+     * The strip renders as a fixed bar at the bottom of the page and replaces the
+     * in-panel voice active state during a call. Landing and idle views are unchanged.
+     */
+  }, {
+    key: "_initEcommerceVoiceStrip",
+    value: function _initEcommerceVoiceStrip() {
+      var _this14 = this,
+        _this$voiceInterface6;
+      var flavor = this.config.flavor && _typeof(this.config.flavor) === 'object' ? this.config.flavor : null;
+      if (window.innerWidth <= 768) return;
+      if (!flavor || flavor.callView !== 'minimized') return;
+      if (this._ecommerceVoiceStrip) {
+        this._ecommerceVoiceStrip.destroy();
+        this._ecommerceVoiceStrip = null;
+      }
+      var v = this.config.voice || {};
+      var strip;
+      strip = new _ecommerce_EcommerceVoiceStrip_js__WEBPACK_IMPORTED_MODULE_5__.EcommerceVoiceStrip({
+        language: this.config.language || 'en',
+        direction: this.getEffectiveTextDirection(),
+        footer: this.getFooterBranding(),
+        theme: {
+          pillGradient: v.pillGradient || 'linear-gradient(135deg, #581c87, #312e81, #1e1b4b)',
+          pillTextColor: v.pillTextColor || '#ffffff',
+          pillDotColor: v.pillDotColor || '#4ade80',
+          endCallButtonColor: v.endCallButtonColor || '#ef4444'
+        },
+        getVoiceUiState: function getVoiceUiState() {
+          var _this14$voiceInterfac, _this14$voiceInterfac2, _this14$voiceInterfac3;
+          return {
+            isMicMuted: !!((_this14$voiceInterfac = _this14.voiceInterface) !== null && _this14$voiceInterfac !== void 0 && _this14$voiceInterfac.isMicMuted),
+            isPaused: !!((_this14$voiceInterfac2 = _this14.voiceInterface) !== null && _this14$voiceInterfac2 !== void 0 && _this14$voiceInterfac2.isPaused),
+            isSpeakerMuted: !!((_this14$voiceInterfac3 = _this14.voiceInterface) !== null && _this14$voiceInterfac3 !== void 0 && _this14$voiceInterfac3.isSpeakerMuted)
+          };
+        },
+        onHangup: function onHangup() {
+          if (_this14.voiceInterface) _this14.voiceInterface.endVoiceCall();
+        },
+        onToggleMute: function onToggleMute() {
+          if (_this14.voiceInterface) _this14.voiceInterface.toggleMute();
+          strip.syncFromVoice();
+        },
+        onTogglePause: function onTogglePause() {
+          if (_this14.voiceInterface) _this14.voiceInterface.togglePause();
+          strip.syncFromVoice();
+        },
+        onToggleSpeaker: function onToggleSpeaker() {
+          if (_this14.voiceInterface) _this14.voiceInterface.toggleSpeaker();
+          strip.syncFromVoice();
+        },
+        onSendText: function onSendText(text) {
+          var _this14$voiceInterfac4;
+          var voiceSDK = (_this14$voiceInterfac4 = _this14.voiceInterface) === null || _this14$voiceInterfac4 === void 0 || (_this14$voiceInterfac4 = _this14$voiceInterfac4.sdk) === null || _this14$voiceInterfac4 === void 0 ? void 0 : _this14$voiceInterfac4.voiceSDK;
+          if (voiceSDK && typeof voiceSDK.sendMessage === 'function') {
+            voiceSDK.sendMessage({
+              t: 'text_inject',
+              text: text
+            });
+          }
+        }
+      });
+      this._ecommerceVoiceStrip = strip;
+
+      // Show strip when conversation starts
+      var agentSDK = (_this$voiceInterface6 = this.voiceInterface) === null || _this$voiceInterface6 === void 0 ? void 0 : _this$voiceInterface6.sdk;
+      if (agentSDK) {
+        var origConvStart = agentSDK.onConversationStart;
+        agentSDK.onConversationStart = function () {
+          strip.show({
+            reset: false
+          });
+          strip.syncFromVoice();
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          if (typeof origConvStart === 'function') origConvStart.call.apply(origConvStart, [agentSDK].concat(args));
+        };
+
+        // Feed transcript updates into the strip
+        var origOnTranscript = agentSDK.onTranscript;
+        agentSDK.onTranscript = function (text) {
+          strip.updateTranscript(text);
+          if (typeof origOnTranscript === 'function') origOnTranscript.call(agentSDK, text);
+        };
+        var origOnUserTranscript = agentSDK.onUserTranscript;
+        agentSDK.onUserTranscript = function (utext, isFinal) {
+          try {
+            strip.updateUserTranscript(utext, isFinal);
+          } catch (e) {
+            console.warn('[TTPChatWidget] ecommerce strip user transcript:', e);
+          }
+          if (typeof origOnUserTranscript === 'function') {
+            origOnUserTranscript.call(agentSDK, utext, isFinal);
+          }
+        };
+      }
+
+      // Hide strip when call ends (config.onCallEnd is called by endVoiceCall())
+      if (this.voiceInterface) {
+        var _this$voiceInterface$2;
+        var origOnCallEnd = this.voiceInterface.config.onCallEnd;
+        this.voiceInterface.config.onCallEnd = function () {
+          _this14._restoreDesktopEcommerceStripChrome();
+          if (typeof origOnCallEnd === 'function') origOnCallEnd();
+        };
+
+        // Feed timer ticks into the strip
+        var origUpdateTimer = (_this$voiceInterface$2 = this.voiceInterface._updateTimerElements) === null || _this$voiceInterface$2 === void 0 ? void 0 : _this$voiceInterface$2.bind(this.voiceInterface);
+        if (origUpdateTimer) {
+          this.voiceInterface._updateTimerElements = function (timerText, elapsed) {
+            strip.updateTimer(timerText);
+            origUpdateTimer(timerText, elapsed);
+          };
+        }
+      }
     }
   }, {
     key: "destroy",
@@ -33289,6 +34672,11 @@ var TTPChatWidget = /*#__PURE__*/function () {
         this._flavor.destroy();
         this._flavor = null;
       }
+      // Clean up ecommerce voice strip
+      if (this._ecommerceVoiceStrip) {
+        this._ecommerceVoiceStrip.destroy();
+        this._ecommerceVoiceStrip = null;
+      }
     }
 
     // Delegated to VoiceInterface
@@ -33358,7 +34746,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
     key: "injectData",
     value: (function () {
       var _injectData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(data) {
-        var _this$voiceInterface6;
+        var _this$voiceInterface7;
         var options,
           voiceSDK,
           ack,
@@ -33383,7 +34771,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
               throw new Error('Voice call is not active');
             case 2:
               // Check if SDK is available
-              voiceSDK = (_this$voiceInterface6 = this.voiceInterface) === null || _this$voiceInterface6 === void 0 ? void 0 : _this$voiceInterface6.getVoiceSDK();
+              voiceSDK = (_this$voiceInterface7 = this.voiceInterface) === null || _this$voiceInterface7 === void 0 ? void 0 : _this$voiceInterface7.getVoiceSDK();
               if (voiceSDK) {
                 _context6.n = 3;
                 break;
@@ -34330,6 +35718,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _voice_handlers_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./voice/handlers.js */ "./src/widget/voice/handlers.js");
 /* harmony import */ var _voice_desktop_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./voice/desktop.js */ "./src/widget/voice/desktop.js");
 /* harmony import */ var _voice_mobile_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./voice/mobile.js */ "./src/widget/voice/mobile.js");
+/* harmony import */ var _voice_rtlText_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./voice/rtlText.js */ "./src/widget/voice/rtlText.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
@@ -34358,6 +35747,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 var VoiceInterface = /*#__PURE__*/function () {
   function VoiceInterface(config) {
     var _this$config$behavior, _config$agentSettings;
@@ -34772,13 +36162,20 @@ var VoiceInterface = /*#__PURE__*/function () {
       return this.getText('userTranscriptPrefix', 'userTranscriptPrefix');
     }
 
+    /** Assistant / user live transcript and bubbles: RTL for `direction: 'rtl'` or Hebrew/Arabic `language`. */
+  }, {
+    key: "prefersRtlText",
+    value: function prefersRtlText() {
+      return (0,_voice_rtlText_js__WEBPACK_IMPORTED_MODULE_12__.configPrefersRtlText)(this.config);
+    }
+
     /**
      * Live user STT line: correct RTL/LTR order, visible gap after "אתה:", and sensible ? placement (utterance in dir=auto).
      */
   }, {
     key: "_renderUserLiveTranscriptSnippet",
     value: function _renderUserLiveTranscriptSnippet(userPrefix, text) {
-      var isRtl = this.config.direction === 'rtl';
+      var isRtl = this.prefersRtlText();
       var raw = userPrefix !== undefined && userPrefix !== null ? String(userPrefix) : '';
       var trimmedPrefix = raw.replace(/\s+$/, '');
       var sepChar = isRtl ? "\xA0" : ' ';
@@ -35115,7 +36512,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, 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, micStream, primeSr, floatingButton, mobileFab, delayConfig, streamToUse, _this$sdk$voiceSDK, error, existingBar, _existingBar, _idleState2, _floatingButton, updateTimer, isDisclaimerDeclined, deviceInfo, _t, _t2, _t3, _t4, _t5;
         return _regenerator().w(function (_context4) {
           while (1) switch (_context4.p = _context4.n) {
             case 0:
@@ -35163,12 +36560,22 @@ var VoiceInterface = /*#__PURE__*/function () {
                 this.showMobileCallBarAwaitingBrowserMic();
                 this.applyMobileBarConnectingCopy();
               } else {
-                // Desktop: show active call UI while connecting
+                // Desktop: full in-panel active UI, except flavor.callView:minimized (bottom strip only).
                 this.resetConnectingState();
                 _idleState = this.shadowRoot.getElementById('voiceIdleState');
                 activeState = this.shadowRoot.getElementById('voiceActiveState');
                 if (_idleState) _idleState.style.display = 'none';
-                if (activeState) activeState.style.display = 'flex';
+                stripOnly = this.config.desktopMinimizedEcommerceStripUi === true;
+                if (activeState) {
+                  activeState.style.display = stripOnly ? 'none' : 'flex';
+                }
+                if (stripOnly && typeof this.config.onDesktopMinimizedStripCallStart === 'function') {
+                  try {
+                    this.config.onDesktopMinimizedStripCallStart();
+                  } catch (e) {
+                    console.warn('[VoiceInterface] onDesktopMinimizedStripCallStart:', e);
+                  }
+                }
               }
               voiceInterface = this.shadowRoot.getElementById('voiceInterface'); // Adjust sizes based on container dimensions
               setTimeout(function () {
@@ -35463,6 +36870,10 @@ var VoiceInterface = /*#__PURE__*/function () {
                 this._clearChatPanelDisplayLock();
                 _floatingButton = this.shadowRoot.getElementById('text-chat-button') || document.getElementById('text-chat-button');
                 if (_floatingButton) _floatingButton.style.display = '';
+              } else if (this.config.desktopMinimizedEcommerceStripUi === true && typeof this.config.onDesktopMinimizedStripLauncherRestore === 'function') {
+                try {
+                  this.config.onDesktopMinimizedStripLauncherRestore();
+                } catch (_) {}
               }
               throw _t4;
             case 29:
@@ -35627,6 +37038,13 @@ var VoiceInterface = /*#__PURE__*/function () {
       var activeState = this.shadowRoot.getElementById('voiceActiveState');
       if (idleState) idleState.style.display = 'flex';
       if (activeState) activeState.style.display = 'none';
+      if (typeof this.config.onDesktopMinimizedStripLauncherRestore === 'function') {
+        try {
+          this.config.onDesktopMinimizedStripLauncherRestore();
+        } catch (e) {
+          console.warn('[VoiceInterface] onDesktopMinimizedStripLauncherRestore:', e);
+        }
+      }
     }
 
     /**
@@ -38058,6 +39476,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Mobile: () => (/* binding */ Mobile)
 /* harmony export */ });
+/* harmony import */ var _rtlText_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./rtlText.js */ "./src/widget/voice/rtlText.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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -38081,6 +39500,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * - _mobileCallStartTime: number | null
  */
 
+
 var Mobile = /*#__PURE__*/function () {
   function Mobile(voiceInterface) {
     _classCallCheck(this, Mobile);
@@ -38131,11 +39551,11 @@ var Mobile = /*#__PURE__*/function () {
       // Create container div
       var container = document.createElement('div');
       container.id = 'mobile-voice-call-bar-container';
-      var textDir = this.config.direction === 'rtl' ? 'rtl' : 'ltr';
+      var textDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.configPrefersRtlText)(this.config) ? 'rtl' : 'ltr';
       container.setAttribute('dir', textDir);
       container.innerHTML = "\n      <!-- Duration Badge (hidden until first audio) -->\n      <div class=\"mobile-duration-badge mobile-duration-badge--hidden\" id=\"mobileDurationBadge\">\n        <div class=\"mobile-duration-dot\"></div>\n        <span id=\"mobileDurationText\">00:00</span>\n      </div>\n      \n      <!-- Main Bar -->\n      <div class=\"mobile-voice-bar\">\n        <!-- Top Row: Status, Waveform/Spinner, Controls -->\n        <div class=\"mobile-top-row\">\n          <!-- Status Indicator -->\n          <div class=\"mobile-status-indicator\">\n            <div class=\"mobile-status-dot\" id=\"mobileStatusDot\"></div>\n            <span class=\"mobile-status-text\" id=\"mobileStatusText\">".concat(this.t('listening'), "</span>\n          </div>\n          \n          <!-- Centered: Spinner (loading) or Waveform (after first audio) -->\n          <div class=\"mobile-waveform-center\" id=\"mobileWaveform\">\n            <div class=\"mobile-waveform-spinner\" id=\"mobileWaveformSpinner\" aria-hidden=\"false\">\n              <div class=\"mobile-waveform-spinner-inner\"></div>\n            </div>\n            <div class=\"mobile-waveform-bars mobile-waveform-bars--hidden\" id=\"mobileWaveformBars\">\n              ").concat(Array(7).fill(0).map(function (_, i) {
         return "<div class=\"mobile-waveform-bar\" data-index=\"".concat(i, "\"></div>");
-      }).join(''), "\n            </div>\n          </div>\n          \n          <!-- Controls -->\n          <div class=\"mobile-controls\">\n            <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileMuteBtn\" aria-label=\"Mute microphone\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-icon\">\n                <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n              </svg>\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-off-icon\" style=\"display: none;\">\n                <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n                <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            \n            <button type=\"button\" class=\"mobile-control-btn\" id=\"mobilePauseBtn\" aria-label=\"Pause call\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" class=\"mobile-pause-icon\">\n                <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n              </svg>\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"#fff\" stroke=\"none\" class=\"mobile-play-icon\" style=\"display: none;\">\n                <polygon points=\"6,4 20,12 6,20\"/>\n              </svg>\n            </button>\n            \n            <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileSpeakerBtn\" aria-label=\"Toggle speaker\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-icon\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n              </svg>\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-off-icon\" style=\"display: none;\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n                <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            \n            <button type=\"button\" class=\"mobile-end-call-btn\" id=\"mobileEndCallBtn\" aria-label=\"End call\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91\"/>\n                <line x1=\"22\" x2=\"2\" y1=\"2\" y2=\"22\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n        \n        <!-- Bottom Row: Transcript (expandable) -->\n        <button type=\"button\" class=\"mobile-transcript-row\" id=\"mobileTranscriptRow\">\n          <p class=\"mobile-transcript-text\" id=\"mobileTranscriptText\" dir=\"").concat(textDir, "\">").concat(this.t('transcriptWillAppear'), "</p>\n          <div class=\"mobile-transcript-footer\">\n            <span class=\"mobile-expand-hint\">tap to expand & type</span>\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"opacity: 0.6;\">\n              <path d=\"M7 17L17 7M17 7H7M17 7V17\"/>\n            </svg>\n          </div>\n        </button>\n\n        <!-- Fly-to-cart target: always visible for animation (positioned where cart icon appears) -->\n        <div id=\"ttpFlyToCartTarget\" class=\"ttp-fly-target\" aria-hidden=\"true\"></div>\n\n        <!-- Cart Row - shown when items are in cart -->\n        <div class=\"mobile-cart-row\" id=\"mobileCartRow\" style=\"display: none;\">\n          <div class=\"mobile-cart-row__content\">\n            <span class=\"mobile-cart-row__icon\" data-ttp-fly-target>\uD83D\uDED2</span>\n            <span class=\"mobile-cart-row__text\" id=\"mobileCartText\">0 items \xB7 \u20AA0.00</span>\n          </div>\n        </div>\n      </div>\n      \n      <!-- Expanded Transcript Overlay -->\n      <div class=\"mobile-transcript-overlay\" id=\"mobileTranscriptOverlay\">\n        <div class=\"mobile-expanded-transcript\" id=\"mobileExpandedTranscript\">\n          <!-- Header -->\n          <div class=\"mobile-transcript-header\">\n            <div class=\"mobile-header-left\">\n              <div class=\"mobile-header-status\">\n                <div class=\"mobile-header-status-dot\"></div>\n                <span class=\"mobile-header-status-text\" id=\"mobileHeaderStatusText\">").concat(this.t('listening'), "</span>\n                <span class=\"mobile-header-duration\" id=\"mobileHeaderDuration\">00:00</span>\n              </div>\n              <span class=\"mobile-transcript-label\">CONVERSATION</span>\n            </div>\n            <button type=\"button\" class=\"mobile-close-transcript-btn\" id=\"mobileCloseTranscriptBtn\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M18 6L6 18M6 6l12 12\"/>\n              </svg>\n            </button>\n          </div>\n          \n          <!-- Messages Container -->\n          <div class=\"mobile-messages-container\" id=\"mobileMessagesContainer\">\n            <!-- Messages will be dynamically added here -->\n          </div>\n          \n          <!-- Text Input Area -->\n          <div class=\"mobile-input-area\">\n            <div class=\"mobile-input-wrapper\">\n              <input\n                type=\"text\"\n                placeholder=\"Type a message...\"\n                id=\"mobileTextInput\"\n                class=\"mobile-text-input\"\n                dir=\"").concat(textDir, "\"\n              />\n              <button type=\"button\" class=\"mobile-send-btn\" id=\"mobileSendBtn\" disabled>\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"/>\n                </svg>\n              </button>\n            </div>\n            <p class=\"mobile-input-hint\">\uD83C\uDF99\uFE0F ").concat(this.t('voiceActive') || 'Voice is still active', " \u2022 ").concat(this.t('typeOrSpeak') || 'Type or speak', "</p>\n          </div>\n        </div>\n      </div>\n    ");
+      }).join(''), "\n            </div>\n          </div>\n          \n          <!-- Controls -->\n          <div class=\"mobile-controls\">\n            <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileMuteBtn\" aria-label=\"Mute microphone\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-icon\">\n                <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n              </svg>\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-off-icon\" style=\"display: none;\">\n                <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n                <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            \n            <button type=\"button\" class=\"mobile-control-btn\" id=\"mobilePauseBtn\" aria-label=\"Pause call\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" class=\"mobile-pause-icon\">\n                <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n              </svg>\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"#fff\" stroke=\"none\" class=\"mobile-play-icon\" style=\"display: none;\">\n                <polygon points=\"6,4 20,12 6,20\"/>\n              </svg>\n            </button>\n            \n            <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileSpeakerBtn\" aria-label=\"Toggle speaker\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-icon\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n              </svg>\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-off-icon\" style=\"display: none;\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n                <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            \n            <button type=\"button\" class=\"mobile-end-call-btn\" id=\"mobileEndCallBtn\" aria-label=\"End call\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91\"/>\n                <line x1=\"22\" x2=\"2\" y1=\"2\" y2=\"22\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n        \n        <!-- Bottom Row: Transcript (expandable) -->\n        <button type=\"button\" class=\"mobile-transcript-row\" id=\"mobileTranscriptRow\">\n          <p class=\"mobile-transcript-text\" id=\"mobileTranscriptText\" dir=\"").concat(textDir, "\">").concat(this.t('transcriptWillAppear'), "</p>\n          <div class=\"mobile-transcript-footer\">\n            <span class=\"mobile-expand-hint\">tap to expand & type</span>\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"opacity: 0.6;\">\n              <path d=\"M7 17L17 7M17 7H7M17 7V17\"/>\n            </svg>\n          </div>\n        </button>\n\n        <!-- Fly-to-cart target: always visible for animation (positioned where cart icon appears) -->\n        <div id=\"ttpFlyToCartTarget\" class=\"ttp-fly-target\" aria-hidden=\"true\"></div>\n      </div>\n      \n      <!-- Expanded Transcript Overlay -->\n      <div class=\"mobile-transcript-overlay\" id=\"mobileTranscriptOverlay\">\n        <div class=\"mobile-expanded-transcript\" id=\"mobileExpandedTranscript\">\n          <!-- Header -->\n          <div class=\"mobile-transcript-header\">\n            <div class=\"mobile-header-left\">\n              <div class=\"mobile-header-status\">\n                <div class=\"mobile-header-status-dot\"></div>\n                <span class=\"mobile-header-status-text\" id=\"mobileHeaderStatusText\">").concat(this.t('listening'), "</span>\n                <span class=\"mobile-header-duration\" id=\"mobileHeaderDuration\">00:00</span>\n              </div>\n              <span class=\"mobile-transcript-label\">CONVERSATION</span>\n            </div>\n            <button type=\"button\" class=\"mobile-close-transcript-btn\" id=\"mobileCloseTranscriptBtn\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M18 6L6 18M6 6l12 12\"/>\n              </svg>\n            </button>\n          </div>\n          \n          <!-- Messages Container -->\n          <div class=\"mobile-messages-container\" id=\"mobileMessagesContainer\">\n            <!-- Messages will be dynamically added here -->\n          </div>\n          \n          <!-- Text Input Area -->\n          <div class=\"mobile-input-area\">\n            <div class=\"mobile-input-wrapper\">\n              <input\n                type=\"text\"\n                placeholder=\"Type a message...\"\n                id=\"mobileTextInput\"\n                class=\"mobile-text-input\"\n                dir=\"").concat(textDir, "\"\n              />\n              <button type=\"button\" class=\"mobile-send-btn\" id=\"mobileSendBtn\" disabled>\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"/>\n                </svg>\n              </button>\n            </div>\n            <p class=\"mobile-input-hint\">\uD83C\uDF99\uFE0F ").concat(this.t('voiceActive') || 'Voice is still active', " \u2022 ").concat(this.t('typeOrSpeak') || 'Type or speak', "</p>\n          </div>\n        </div>\n      </div>\n    ");
 
       // Append to body
       document.body.appendChild(container);
@@ -38407,7 +39827,7 @@ var Mobile = /*#__PURE__*/function () {
         // Render message
         var messageEl = document.createElement('div');
         messageEl.className = "mobile-message-bubble ".concat(type);
-        messageEl.setAttribute('dir', this.config.direction === 'rtl' ? 'rtl' : 'ltr');
+        messageEl.setAttribute('dir', (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(text, this.config));
         messageEl.textContent = text;
         messagesContainer.appendChild(messageEl);
         messagesContainer.scrollTop = messagesContainer.scrollHeight;
@@ -38475,6 +39895,68 @@ var Mobile = /*#__PURE__*/function () {
 
 /***/ }),
 
+/***/ "./src/widget/voice/rtlText.js":
+/*!*************************************!*\
+  !*** ./src/widget/voice/rtlText.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   configPrefersRtlText: () => (/* binding */ configPrefersRtlText),
+/* harmony export */   dirForAssistantStreamingText: () => (/* binding */ dirForAssistantStreamingText),
+/* harmony export */   dirForTranscriptSnippet: () => (/* binding */ dirForTranscriptSnippet)
+/* harmony export */ });
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/**
+ * RTL for voice / transcript text when the widget is in a right-to-left locale.
+ * Uses explicit `direction: 'rtl'` from merged config, or language base `he` / `ar`
+ * when direction was not set (or was lost on nested config spreads).
+ *
+ * @param {{ direction?: string, language?: string } | null | undefined} config
+ * @returns {boolean}
+ */
+function configPrefersRtlText(config) {
+  if (!config || _typeof(config) !== 'object') return false;
+  if (config.direction === 'rtl') return true;
+  var base = String(config.language || '').toLowerCase().split(/[-_]/)[0];
+  return base === 'he' || base === 'ar';
+}
+
+/**
+ * `dir` for elements showing streamed assistant / agent text (and similar dynamic strings).
+ * Uses `rtl` when the widget is explicitly RTL; otherwise `auto` so Hebrew (or other RTL)
+ * agent copy still lays out correctly when Language/Direction are English + LTR.
+ *
+ * @param {{ direction?: string, language?: string } | null | undefined} config
+ * @returns {'rtl' | 'auto'}
+ */
+function dirForAssistantStreamingText(config) {
+  return configPrefersRtlText(config) ? 'rtl' : 'auto';
+}
+var RE_HEBREW = /[\u0590-\u05FF]/;
+var RE_ARABIC = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF]/;
+
+/**
+ * `dir` for a single assistant / agent transcript string.
+ * When the widget chrome is LTR but the line contains Hebrew or Arabic letters,
+ * use explicit `rtl` so neutral punctuation (e.g. "?") stays at the logical sentence end.
+ *
+ * @param {string|null|undefined} text
+ * @param {{ direction?: string, language?: string } | null | undefined} config
+ * @returns {'rtl' | 'ltr' | 'auto'}
+ */
+function dirForTranscriptSnippet(text, config) {
+  if (configPrefersRtlText(config)) return 'rtl';
+  var s = text != null ? String(text) : '';
+  if (!s.trim()) return 'auto';
+  if (RE_HEBREW.test(s) || RE_ARABIC.test(s)) return 'rtl';
+  return 'ltr';
+}
+
+/***/ }),
+
 /***/ "./src/widget/voice/styles.js":
 /*!************************************!*\
   !*** ./src/widget/voice/styles.js ***!
@@ -38570,7 +40052,7 @@ var Styles = /*#__PURE__*/function () {
     key: "generateMobileCSS",
     value: function generateMobileCSS() {
       var important = ' !important';
-      return "\n      /* Mobile Voice Call UI - Container positioning */\n      #mobile-voice-call-bar-container {\n        position: fixed !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        z-index: 99999 !important;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        padding: 0 12px 12px !important;\n        pointer-events: none".concat(important, ";\n        box-sizing: border-box !important;\n        width: 100% !important;\n        max-width: 100vw !important;\n        margin: 0 !important;\n        overflow: visible !important;\n        isolation: isolate !important;\n      }\n\n      #mobile-voice-call-bar-container *,\n      #mobile-voice-call-bar-container *::before,\n      #mobile-voice-call-bar-container *::after {\n        box-sizing: border-box !important;\n      }\n\n      /* Mobile loading: small spinner in waveform area until first audio */\n      .mobile-waveform-spinner {\n        position: absolute !important;\n        left: 50% !important;\n        top: 50% !important;\n        transform: translate(-50%, -50%) !important;\n        width: 16px !important;\n        height: 16px !important;\n      }\n\n      .mobile-waveform-spinner-inner {\n        width: 100% !important;\n        height: 100% !important;\n        border: 2px solid rgba(255,255,255,0.3) !important;\n        border-top-color: #fff !important;\n        border-radius: 50% !important;\n        animation: mobileLoadingSpin 0.8s linear infinite !important;\n      }\n\n      .mobile-waveform-spinner--hidden {\n        display: none !important;\n      }\n\n      @keyframes mobileLoadingSpin {\n        to { transform: rotate(360deg); }\n      }\n\n      .mobile-waveform-bars--hidden {\n        visibility: hidden !important;\n        opacity: 0 !important;\n      }\n\n      .mobile-duration-badge--hidden {\n        visibility: hidden !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n      }\n\n      .mobile-duration-badge {\n        position: absolute !important;\n        top: -28px !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 6px !important;\n        padding: 5px 14px !important;\n        background: rgba(0,0,0,0.75) !important;\n        border-radius: 20px !important;\n        font-size: 12px !important;\n        font-weight: 700 !important;\n        color: #fff !important;\n        backdrop-filter: blur(8px) !important;\n        -webkit-backdrop-filter: blur(8px) !important;\n        z-index: 10 !important;\n        pointer-events: auto !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n      }\n\n      /* Fly-to-cart target: invisible anchor for animation when cart row is hidden */\n      .ttp-fly-target {\n        position: absolute").concat(important, ";\n        bottom: 14px").concat(important, ";\n        left: 30px").concat(important, ";\n        width: 24px").concat(important, ";\n        height: 24px").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n\n      /* \u2500\u2500 Mobile Cart Row \u2500\u2500 */\n\n      .mobile-cart-row {\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: space-between").concat(important, ";\n        padding: 7px 16px").concat(important, ";\n        background: rgba(255, 255, 255, 0.08)").concat(important, ";\n        border-top: 1px solid rgba(255, 255, 255, 0.1)").concat(important, ";\n        border-radius: 0 0 16px 16px").concat(important, ";\n        animation: mobileCartRowIn 0.25s ease-out").concat(important, ";\n        pointer-events: auto").concat(important, ";\n      }\n\n      @keyframes mobileCartRowIn {\n        from { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; }\n        to   { opacity: 1; max-height: 50px; padding-top: 7px; padding-bottom: 7px; }\n      }\n\n      .mobile-cart-row__content {\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 8px").concat(important, ";\n      }\n\n      .mobile-cart-row__icon {\n        font-size: 13px").concat(important, ";\n      }\n\n      .mobile-cart-row__text {\n        font-size: 12px").concat(important, ";\n        font-weight: 600").concat(important, ";\n        color: rgba(255, 255, 255, 0.9)").concat(important, ";\n        letter-spacing: 0.2px").concat(important, ";\n      }\n\n      /* Shared mobile styles */\n      ").concat(this._getSharedMobileCSS(important), "\n    ");
+      return "\n      /* Mobile Voice Call UI - Container positioning */\n      #mobile-voice-call-bar-container {\n        position: fixed !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        z-index: 99999 !important;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n        padding: 0 12px 12px !important;\n        pointer-events: none".concat(important, ";\n        box-sizing: border-box !important;\n        width: 100% !important;\n        max-width: 100vw !important;\n        margin: 0 !important;\n        overflow: visible !important;\n        isolation: isolate !important;\n      }\n\n      #mobile-voice-call-bar-container *,\n      #mobile-voice-call-bar-container *::before,\n      #mobile-voice-call-bar-container *::after {\n        box-sizing: border-box !important;\n      }\n\n      /* Mobile loading: small spinner in waveform area until first audio */\n      .mobile-waveform-spinner {\n        position: absolute !important;\n        left: 50% !important;\n        top: 50% !important;\n        transform: translate(-50%, -50%) !important;\n        width: 16px !important;\n        height: 16px !important;\n      }\n\n      .mobile-waveform-spinner-inner {\n        width: 100% !important;\n        height: 100% !important;\n        border: 2px solid rgba(255,255,255,0.3) !important;\n        border-top-color: #fff !important;\n        border-radius: 50% !important;\n        animation: mobileLoadingSpin 0.8s linear infinite !important;\n      }\n\n      .mobile-waveform-spinner--hidden {\n        display: none !important;\n      }\n\n      @keyframes mobileLoadingSpin {\n        to { transform: rotate(360deg); }\n      }\n\n      .mobile-waveform-bars--hidden {\n        visibility: hidden !important;\n        opacity: 0 !important;\n      }\n\n      .mobile-duration-badge--hidden {\n        visibility: hidden !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n      }\n\n      .mobile-duration-badge {\n        position: absolute !important;\n        top: -28px !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 6px !important;\n        padding: 5px 14px !important;\n        background: rgba(0,0,0,0.75) !important;\n        border-radius: 20px !important;\n        font-size: 12px !important;\n        font-weight: 700 !important;\n        color: #fff !important;\n        backdrop-filter: blur(8px) !important;\n        -webkit-backdrop-filter: blur(8px) !important;\n        z-index: 10 !important;\n        pointer-events: auto !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n      }\n\n      /* Fly-to-cart target: invisible anchor for animation when cart row is hidden */\n      .ttp-fly-target {\n        position: absolute").concat(important, ";\n        bottom: 14px").concat(important, ";\n        left: 30px").concat(important, ";\n        width: 24px").concat(important, ";\n        height: 24px").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n\n      /* Shared mobile styles */\n      ").concat(this._getSharedMobileCSS(important), "\n    ");
     }
   }]);
 }();
@@ -38591,6 +40073,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   resolveIdleHeaderAvatarUrl: () => (/* binding */ resolveIdleHeaderAvatarUrl),
 /* harmony export */   sanitizeHeaderAvatarImageUrl: () => (/* binding */ sanitizeHeaderAvatarImageUrl)
 /* harmony export */ });
+/* harmony import */ var _rtlText_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./rtlText.js */ "./src/widget/voice/rtlText.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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -38611,6 +40094,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * - None (stateless template generation)
  */
 
+
+
 /** Allow only http(s) absolute URLs for idle header avatar images. */
 function sanitizeHeaderAvatarImageUrl(raw) {
   var s = raw != null && String(raw).trim() || '';
@@ -38686,7 +40171,7 @@ var Templates = /*#__PURE__*/function () {
   }, {
     key: "generateHTML",
     value: function generateHTML() {
-      var _this$config$whatsapp;
+      var _this$config$behavior, _this$config$whatsapp;
       // Mobile UI - minimized bar design
       if (this.voiceInterface.isMobile) {
         return this.generateMobileHTML();
@@ -38702,8 +40187,11 @@ var Templates = /*#__PURE__*/function () {
       var headerAvatarUrl = resolveIdleHeaderAvatarUrl(this.config);
       var idleAvatarInner = headerAvatarUrl ? "<img src=\"".concat(escapeHtmlAttr(headerAvatarUrl), "\" alt=\"\" class=\"ttp-avatar-img\" />") : avatarInitial;
       var idleAvatarClass = headerAvatarUrl ? 'ttp-avatar ttp-avatar--image' : 'ttp-avatar';
-      var textDir = this.config.direction === 'rtl' ? 'rtl' : 'ltr';
-      return "<div class=\"voice-interface\" id=\"voiceInterface\">\n      <!-- Idle View -->\n      <div id=\"voiceIdleState\">\n        <div class=\"ttp-hero\">\n          <div class=\"ttp-header\">\n            <div class=\"ttp-agent\">\n              <div class=\"ttp-avatar-wrap\">\n                <div class=\"".concat(idleAvatarClass, "\">").concat(idleAvatarInner, "</div>\n                <div class=\"ttp-online-dot\"></div>\n              </div>\n              <div>\n                <div class=\"ttp-agent-name\">").concat(agentName, "</div>\n                <div class=\"ttp-agent-role\">").concat(agentRole, "</div>\n              </div>\n            </div>\n            <button type=\"button\" class=\"ttp-close-btn\" id=\"ttpCloseIdle\" aria-label=\"Close widget\">\n              <svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M10 2L2 10M2 2l8 8\"/>\n              </svg>\n            </button>\n          </div>\n          <div class=\"ttp-headline\">").concat(headline, "</div>\n          <div class=\"ttp-subline\">").concat(subline, "</div>\n        </div>\n\n        <div class=\"ttp-body\">\n          <button type=\"button\" class=\"ttp-btn-primary\" id=\"startCallBtn\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"").concat(this.config.startCallButtonTextColor || 'white', "\" stroke-width=\"2\">\n              <path d=\"M12 2a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V5a3 3 0 0 1 3-3z\"/>\n              <path d=\"M19 10v2a7 7 0 0 1-14 0v-2M12 19v3M8 22h8\"/>\n            </svg>\n            ").concat(this.getText('startCallButtonText', 'startCall') || 'Start Voice Call', "\n          </button>\n          <button type=\"button\" class=\"ttp-btn-secondary\" id=\"startTextBtn\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\n            </svg>\n            ").concat(this.config.sendMessageText || this.getText('sendMessageText', 'sendMessage') || 'Send a Message', "\n          </button>\n          ").concat((_this$config$whatsapp = this.config.whatsapp) !== null && _this$config$whatsapp !== void 0 && _this$config$whatsapp.number ? "\n          <a class=\"ttp-btn-wa\" id=\"ttpWhatsAppBtn\"\n             href=\"https://wa.me/".concat(this.config.whatsapp.number).concat(this.config.whatsapp.text ? '?text=' + encodeURIComponent(this.config.whatsapp.text) : '', "\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"#25d366\">\n              <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.655-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"/>\n            </svg>\n            WhatsApp\n          </a>\n          ") : '', "\n        </div>\n      </div>\n\n      <!-- Active Call View -->\n      <div id=\"voiceActiveState\" style=\"display: none;\">\n        <!-- Full voice section (hidden when items/rooms are shown) -->\n        <div class=\"desktop-voice-section\" id=\"desktopVoiceSection\">\n          <div class=\"ttp-call-hero\">\n            <div class=\"ttp-call-topbar\">\n              <div class=\"ttp-rec\">\n                <div class=\"ttp-rec-dot\"></div>\n                <span class=\"ttp-timer\" id=\"desktopTimerText\">00:00</span>\n              </div>\n              <span class=\"ttp-call-label\">Voice call active</span>\n              <button type=\"button\" class=\"ttp-close-btn\" id=\"ttpCloseActive\" aria-label=\"Close widget\">\n                <svg width=\"9\" height=\"9\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <path d=\"M10 2L2 10M2 2l8 8\"/>\n                </svg>\n              </button>\n            </div>\n\n            <div class=\"ttp-orb-wrap\">\n              <div class=\"ttp-orb-rings\">\n                <div class=\"ttp-ring ttp-ring-1\"></div>\n                <div class=\"ttp-ring ttp-ring-2\"></div>\n                <div class=\"ttp-orb\" id=\"desktopMainWaveform\">\n                  <div class=\"ttp-wave\" id=\"ttp-wave\"></div>\n                </div>\n              </div>\n              <div class=\"ttp-listen-label\" id=\"desktopStatusText\">").concat(this.t('listening') || 'Listening to you...', "</div>\n            </div>\n          </div>\n\n          <div class=\"ttp-controls\">\n            <button type=\"button\" class=\"ttp-ctrl-btn\" id=\"desktopMuteBtn\" title=\"").concat(this.getTooltip('mute'), "\" aria-label=\"Mute microphone\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-mic-icon\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-mic-off-icon\" style=\"display: none; position: absolute;\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-ctrl-btn\" id=\"desktopPauseBtn\" title=\"Pause call\" aria-label=\"Pause call\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"desktop-pause-icon\">\n                <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"desktop-play-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"6,4 20,12 6,20\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-ctrl-btn\" id=\"desktopSpeakerBtn\" title=\"").concat(this.getTooltip('speaker'), "\" aria-label=\"Toggle speaker\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-speaker-icon\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-speaker-off-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-end-btn\" id=\"desktopEndCallBtn\" title=\"").concat(this.getTooltip('endCall'), "\" aria-label=\"End call\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.97 3.4 2 2 0 0 1 3.95 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n\n        <!-- Compact voice section (shown when items/rooms are visible) -->\n        <div class=\"compact-voice-section\" id=\"compactVoiceSection\" style=\"display: none;\">\n          <div class=\"compact-left\">\n            <div class=\"compact-avatar\" id=\"desktopAvatarCompact\">\n              <div class=\"ttp-orb compact-orb\" id=\"desktopMainWaveformCompact\">\n                <div class=\"ttp-wave\"></div>\n              </div>\n            </div>\n            <div class=\"compact-info\">\n              <div class=\"compact-timer\" id=\"desktopTimerCompact\">\n                <span class=\"ttp-rec-dot\"></span>\n                <span id=\"compactTimerText\">00:00</span>\n              </div>\n              <div class=\"compact-status\" id=\"desktopStatusCompact\">\n                <span id=\"compactStatusText\">").concat(this.t('listening') || 'Listening...', "</span>\n              </div>\n            </div>\n          </div>\n          <div class=\"compact-controls\">\n            <button type=\"button\" class=\"compact-control-btn secondary\" id=\"desktopMuteBtnCompact\" title=\"").concat(this.getTooltip('mute'), "\" aria-label=\"Mute microphone\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-mic-icon\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-mic-off-icon\" style=\"display: none; position: absolute;\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"compact-control-btn secondary\" id=\"desktopPauseBtnCompact\" title=\"Pause call\" aria-label=\"Pause call\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"desktop-pause-icon\">\n                <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"desktop-play-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"6,4 20,12 6,20\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"compact-control-btn secondary\" id=\"desktopSpeakerBtnCompact\" title=\"").concat(this.getTooltip('speaker'), "\" aria-label=\"Toggle speaker\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-speaker-icon\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-speaker-off-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"compact-control-btn danger\" id=\"desktopEndCallBtnCompact\" title=\"").concat(this.getTooltip('endCall'), "\" aria-label=\"End call\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"overflow: visible;\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.97 3.4 2 2 0 0 1 3.95 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" transform=\"rotate(135 12 12)\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n\n        <!-- Transcript -->\n        <div class=\"ttp-transcript desktop-conversation-panel\" id=\"desktopConversationPanel\" dir=\"").concat(textDir, "\">\n          <div class=\"ttp-transcript-hdr\" id=\"conversationHeader\">\n            <span class=\"ttp-live-label\">Live</span>\n            <span class=\"ttp-toggle-text\" id=\"conversationToggleText\">Show history</span>\n            <div class=\"ttp-dots\">\n              <div class=\"ttp-dot\"></div>\n              <div class=\"ttp-dot\"></div>\n              <div class=\"ttp-dot\"></div>\n            </div>\n          </div>\n          <div class=\"live-transcript-collapsed\" id=\"liveTranscriptCollapsed\">\n            <div class=\"ttp-transcript-text\" id=\"liveTextCollapsed\">\n              ").concat(this.t('transcriptWillAppear') || 'Transcript will appear here...', "<span class=\"ttp-cursor\"></span>\n            </div>\n          </div>\n          <div class=\"conversation-history\" id=\"conversationHistory\">\n            <div class=\"conversation-messages\" id=\"conversationMessages\"></div>\n            <div class=\"live-message-row\" id=\"liveMessageRow\" style=\"display: none;\">\n              <div class=\"message-bubble\" dir=\"").concat(textDir, "\">\n                <span class=\"live-badge\">Live</span>\n                <span id=\"liveMessageText\"></span><span class=\"ttp-cursor\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Type row -->\n        <div class=\"ttp-type-row voice-text-input-area\">\n          <input class=\"ttp-input\" type=\"text\" id=\"voiceTextInput\" dir=\"").concat(textDir, "\" placeholder=\"").concat(this.getText('inputPlaceholder', 'typeMessage') || 'Or type here…', "\" aria-label=\"Type a message\" />\n          <button type=\"button\" class=\"ttp-send-btn\" id=\"voiceSendBtn\" aria-label=\"Send message\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n              <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/>\n              <polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>");
+      var textDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.configPrefersRtlText)(this.config) ? 'rtl' : 'ltr';
+      var transcriptPlaceholder = this.t('transcriptWillAppear') || '';
+      var transcriptDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(transcriptPlaceholder, this.config);
+      var voiceInputDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForAssistantStreamingText)(this.config);
+      return "<div class=\"voice-interface\" id=\"voiceInterface\">\n      <!-- Idle View -->\n      <div id=\"voiceIdleState\">\n        <div class=\"ttp-hero\">\n          <div class=\"ttp-header\">\n            <div class=\"ttp-agent\">\n              <div class=\"ttp-avatar-wrap\">\n                <div class=\"".concat(idleAvatarClass, "\">").concat(idleAvatarInner, "</div>\n                <div class=\"ttp-online-dot\"></div>\n              </div>\n              <div>\n                <div class=\"ttp-agent-name\">").concat(agentName, "</div>\n                <div class=\"ttp-agent-role\">").concat(agentRole, "</div>\n              </div>\n            </div>\n            <button type=\"button\" class=\"ttp-close-btn\" id=\"ttpCloseIdle\" aria-label=\"Close widget\">\n              <svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M10 2L2 10M2 2l8 8\"/>\n              </svg>\n            </button>\n          </div>\n          <div class=\"ttp-headline\">").concat(headline, "</div>\n          <div class=\"ttp-subline\">").concat(subline, "</div>\n        </div>\n\n        <div class=\"ttp-body\">\n          <button type=\"button\" class=\"ttp-btn-primary\" id=\"startCallBtn\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"").concat(this.config.startCallButtonTextColor || 'white', "\" stroke-width=\"2\">\n              <path d=\"M12 2a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V5a3 3 0 0 1 3-3z\"/>\n              <path d=\"M19 10v2a7 7 0 0 1-14 0v-2M12 19v3M8 22h8\"/>\n            </svg>\n            ").concat(this.getText('startCallButtonText', 'startCall') || 'Start Voice Call', "\n          </button>\n          ").concat((((_this$config$behavior = this.config.behavior) === null || _this$config$behavior === void 0 ? void 0 : _this$config$behavior.mode) || 'unified') !== 'voice-only' ? "\n          <button type=\"button\" class=\"ttp-btn-secondary\" id=\"startTextBtn\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\n            </svg>\n            ".concat(this.config.sendMessageText || this.getText('sendMessageText', 'sendMessage') || 'Send a Message', "\n          </button>\n          ") : '', "\n          ").concat((_this$config$whatsapp = this.config.whatsapp) !== null && _this$config$whatsapp !== void 0 && _this$config$whatsapp.number ? "\n          <a class=\"ttp-btn-wa\" id=\"ttpWhatsAppBtn\"\n             href=\"https://wa.me/".concat(this.config.whatsapp.number).concat(this.config.whatsapp.text ? '?text=' + encodeURIComponent(this.config.whatsapp.text) : '', "\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"#25d366\">\n              <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.655-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"/>\n            </svg>\n            WhatsApp\n          </a>\n          ") : '', "\n        </div>\n      </div>\n\n      <!-- Active Call View -->\n      <div id=\"voiceActiveState\" style=\"display: none;\">\n        <!-- Full voice section (hidden when items/rooms are shown) -->\n        <div class=\"desktop-voice-section\" id=\"desktopVoiceSection\">\n          <div class=\"ttp-call-hero\">\n            <div class=\"ttp-call-topbar\">\n              <div class=\"ttp-rec\">\n                <div class=\"ttp-rec-dot\"></div>\n                <span class=\"ttp-timer\" id=\"desktopTimerText\">00:00</span>\n              </div>\n              <span class=\"ttp-call-label\">Voice call active</span>\n              <button type=\"button\" class=\"ttp-close-btn\" id=\"ttpCloseActive\" aria-label=\"Close widget\">\n                <svg width=\"9\" height=\"9\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <path d=\"M10 2L2 10M2 2l8 8\"/>\n                </svg>\n              </button>\n            </div>\n\n            <div class=\"ttp-orb-wrap\">\n              <div class=\"ttp-orb-rings\">\n                <div class=\"ttp-ring ttp-ring-1\"></div>\n                <div class=\"ttp-ring ttp-ring-2\"></div>\n                <div class=\"ttp-orb\" id=\"desktopMainWaveform\">\n                  <div class=\"ttp-wave\" id=\"ttp-wave\"></div>\n                </div>\n              </div>\n              <div class=\"ttp-listen-label\" id=\"desktopStatusText\">").concat(this.t('listening') || 'Listening to you...', "</div>\n            </div>\n          </div>\n\n          <div class=\"ttp-controls\">\n            <button type=\"button\" class=\"ttp-ctrl-btn\" id=\"desktopMuteBtn\" title=\"").concat(this.getTooltip('mute'), "\" aria-label=\"Mute microphone\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-mic-icon\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-mic-off-icon\" style=\"display: none; position: absolute;\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-ctrl-btn\" id=\"desktopPauseBtn\" title=\"Pause call\" aria-label=\"Pause call\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"desktop-pause-icon\">\n                <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"desktop-play-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"6,4 20,12 6,20\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-ctrl-btn\" id=\"desktopSpeakerBtn\" title=\"").concat(this.getTooltip('speaker'), "\" aria-label=\"Toggle speaker\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-speaker-icon\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-speaker-off-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"ttp-end-btn\" id=\"desktopEndCallBtn\" title=\"").concat(this.getTooltip('endCall'), "\" aria-label=\"End call\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.97 3.4 2 2 0 0 1 3.95 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n\n        <!-- Compact voice section (shown when items/rooms are visible) -->\n        <div class=\"compact-voice-section\" id=\"compactVoiceSection\" style=\"display: none;\">\n          <div class=\"compact-left\">\n            <div class=\"compact-avatar\" id=\"desktopAvatarCompact\">\n              <div class=\"ttp-orb compact-orb\" id=\"desktopMainWaveformCompact\">\n                <div class=\"ttp-wave\"></div>\n              </div>\n            </div>\n            <div class=\"compact-info\">\n              <div class=\"compact-timer\" id=\"desktopTimerCompact\">\n                <span class=\"ttp-rec-dot\"></span>\n                <span id=\"compactTimerText\">00:00</span>\n              </div>\n              <div class=\"compact-status\" id=\"desktopStatusCompact\">\n                <span id=\"compactStatusText\">").concat(this.t('listening') || 'Listening...', "</span>\n              </div>\n            </div>\n          </div>\n          <div class=\"compact-controls\">\n            <button type=\"button\" class=\"compact-control-btn secondary\" id=\"desktopMuteBtnCompact\" title=\"").concat(this.getTooltip('mute'), "\" aria-label=\"Mute microphone\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-mic-icon\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-mic-off-icon\" style=\"display: none; position: absolute;\">\n                <path d=\"M12 1a3 3 0 0 1 3 3v7a3 3 0 0 1-6 0V4a3 3 0 0 1 3-3z\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"compact-control-btn secondary\" id=\"desktopPauseBtnCompact\" title=\"Pause call\" aria-label=\"Pause call\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"desktop-pause-icon\">\n                <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"desktop-play-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"6,4 20,12 6,20\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"compact-control-btn secondary\" id=\"desktopSpeakerBtnCompact\" title=\"").concat(this.getTooltip('speaker'), "\" aria-label=\"Toggle speaker\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" class=\"desktop-speaker-icon\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n              </svg>\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"desktop-speaker-off-icon\" style=\"display: none; position: absolute;\">\n                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\"/>\n                <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ef4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.85\"/>\n              </svg>\n            </button>\n            <button type=\"button\" class=\"compact-control-btn danger\" id=\"desktopEndCallBtnCompact\" title=\"").concat(this.getTooltip('endCall'), "\" aria-label=\"End call\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"overflow: visible;\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.97 3.4 2 2 0 0 1 3.95 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" transform=\"rotate(135 12 12)\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n\n        <!-- Transcript -->\n        <div class=\"ttp-transcript desktop-conversation-panel\" id=\"desktopConversationPanel\" dir=\"").concat(textDir, "\">\n          <div class=\"ttp-transcript-hdr\" id=\"conversationHeader\">\n            <span class=\"ttp-live-label\">Live</span>\n            <span class=\"ttp-toggle-text\" id=\"conversationToggleText\">Show history</span>\n            <div class=\"ttp-dots\">\n              <div class=\"ttp-dot\"></div>\n              <div class=\"ttp-dot\"></div>\n              <div class=\"ttp-dot\"></div>\n            </div>\n          </div>\n          <div class=\"live-transcript-collapsed\" id=\"liveTranscriptCollapsed\">\n            <div class=\"ttp-transcript-text\" id=\"liveTextCollapsed\" dir=\"").concat(transcriptDir, "\">\n              ").concat(this.t('transcriptWillAppear') || 'Transcript will appear here...', "<span class=\"ttp-cursor\"></span>\n            </div>\n          </div>\n          <div class=\"conversation-history\" id=\"conversationHistory\">\n            <div class=\"conversation-messages\" id=\"conversationMessages\"></div>\n            <div class=\"live-message-row\" id=\"liveMessageRow\" style=\"display: none;\">\n              <div class=\"message-bubble\" dir=\"").concat(transcriptDir, "\">\n                <span class=\"live-badge\">Live</span>\n                <span id=\"liveMessageText\"></span><span class=\"ttp-cursor\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <!-- Type row -->\n        <div class=\"ttp-type-row voice-text-input-area\">\n          <input class=\"ttp-input\" type=\"text\" id=\"voiceTextInput\" dir=\"").concat(voiceInputDir, "\" placeholder=\"").concat(this.getText('inputPlaceholder', 'typeMessage') || 'Or type here…', "\" aria-label=\"Type a message\" />\n          <button type=\"button\" class=\"ttp-send-btn\" id=\"voiceSendBtn\" aria-label=\"Send message\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\">\n              <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/>\n              <polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>");
     }
 
     /**
@@ -38713,13 +40201,16 @@ var Templates = /*#__PURE__*/function () {
     key: "generateMobileHTML",
     value: function generateMobileHTML() {
       // For mobile, idle state goes in widget, but active state will be appended to body
-      var textDir = this.config.direction === 'rtl' ? 'rtl' : 'ltr';
+      var textDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.configPrefersRtlText)(this.config) ? 'rtl' : 'ltr';
+      var transcriptPlaceholder = this.t('transcriptWillAppear') || '';
+      var transcriptDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(transcriptPlaceholder, this.config);
+      var voiceInputDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForAssistantStreamingText)(this.config);
       var headerAvatarUrl = resolveIdleHeaderAvatarUrl(this.config);
       var mobileAvatarInner = headerAvatarUrl ? "<img src=\"".concat(escapeHtmlAttr(headerAvatarUrl), "\" alt=\"\" class=\"voice-avatar-img\" />") : '🤖';
       var mobileAvatarClass = headerAvatarUrl ? 'voice-avatar voice-avatar--image' : 'voice-avatar';
       return "<div class=\"voice-interface mobile-voice-interface\" id=\"voiceInterface\" dir=\"".concat(textDir, "\">\n      <!-- Before Call State (same as desktop) -->\n      <div id=\"voiceIdleState\">\n        <div class=\"").concat(mobileAvatarClass, "\" id=\"voiceAvatar\">").concat(mobileAvatarInner, "</div>\n        <div class=\"voice-status\">\n          <div class=\"voice-status-title\">").concat(this.getText('startCallTitle', 'clickToStartCall'), "</div>\n          <div class=\"voice-status-subtitle\">").concat(this.getText('startCallSubtitle', 'realTimeVoice'), "</div>\n        </div>\n        <button type=\"button\" class=\"start-call-btn\" id=\"startCallBtn\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"/>\n          </svg>\n          <span>").concat(this.getText('startCallButtonText', 'startCall'), "</span>\n        </button>\n      </div>\n      \n      <!-- Mobile Active Call State - Hidden placeholder (actual bar will be appended to body) -->\n      <div id=\"voiceActiveState\" class=\"mobile-active-state\" style=\"display: none;\">\n        <!-- Duration Badge -->\n        <div class=\"mobile-duration-badge\" id=\"mobileDurationBadge\">\n          <div class=\"mobile-duration-dot\"></div>\n          <span id=\"mobileDurationText\">00:00</span>\n        </div>\n        \n        <!-- Main Bar -->\n        <div class=\"mobile-voice-bar\">\n          <!-- Top Row: Status, Waveform, Controls -->\n          <div class=\"mobile-top-row\">\n            <!-- Status Indicator -->\n            <div class=\"mobile-status-indicator\">\n              <div class=\"mobile-status-dot\" id=\"mobileStatusDot\"></div>\n              <span class=\"mobile-status-text\" id=\"mobileStatusText\">Listening...</span>\n            </div>\n            \n            <!-- Centered Waveform -->\n            <div class=\"mobile-waveform-center\" id=\"mobileWaveform\">\n              ").concat(Array(7).fill(0).map(function (_, i) {
         return "<div class=\"mobile-waveform-bar\" data-index=\"".concat(i, "\"></div>");
-      }).join(''), "\n            </div>\n            \n            <!-- Controls -->\n            <div class=\"mobile-controls\">\n              <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileMuteBtn\" aria-label=\"Mute microphone\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-icon\">\n                  <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                  <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                  <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n                </svg>\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-off-icon\" style=\"display: none;\">\n                  <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                  <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                  <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n                  <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n                </svg>\n              </button>\n              \n              <button type=\"button\" class=\"mobile-control-btn\" id=\"mobilePauseBtn\" aria-label=\"Pause call\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" class=\"mobile-pause-icon\">\n                  <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                  <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                </svg>\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"#fff\" stroke=\"none\" class=\"mobile-play-icon\" style=\"display: none;\">\n                  <polygon points=\"6,4 20,12 6,20\"/>\n                </svg>\n              </button>\n\n              <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileSpeakerBtn\" aria-label=\"Toggle speaker\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-icon\">\n                  <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                  <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n                </svg>\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-off-icon\" style=\"display: none;\">\n                  <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                  <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n                  <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n                </svg>\n              </button>\n\n              <button type=\"button\" class=\"mobile-end-call-btn\" id=\"mobileEndCallBtn\" aria-label=\"End call\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91\"/>\n                  <line x1=\"22\" x2=\"2\" y1=\"2\" y2=\"22\"/>\n                </svg>\n              </button>\n            </div>\n          </div>\n          \n          <!-- Bottom Row: Transcript (expandable) -->\n          <button type=\"button\" class=\"mobile-transcript-row\" id=\"mobileTranscriptRow\">\n            <p class=\"mobile-transcript-text\" id=\"mobileTranscriptText\" dir=\"").concat(textDir, "\">").concat(this.t('transcriptWillAppear'), "</p>\n            <div class=\"mobile-transcript-footer\">\n              <span class=\"mobile-expand-hint\">tap to expand & type</span>\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"opacity: 0.6;\">\n                <path d=\"M7 17L17 7M17 7H7M17 7V17\"/>\n              </svg>\n            </div>\n          </button>\n        </div>\n      </div>\n      \n      <!-- Expanded Transcript Overlay -->\n      <div class=\"mobile-transcript-overlay\" id=\"mobileTranscriptOverlay\">\n        <div class=\"mobile-expanded-transcript\" id=\"mobileExpandedTranscript\">\n          <!-- Header -->\n          <div class=\"mobile-transcript-header\">\n            <div class=\"mobile-header-left\">\n              <div class=\"mobile-header-status\">\n                <div class=\"mobile-header-status-dot\"></div>\n                <span class=\"mobile-header-status-text\" id=\"mobileHeaderStatusText\">Listening...</span>\n                <span class=\"mobile-header-duration\" id=\"mobileHeaderDuration\">00:00</span>\n              </div>\n              <span class=\"mobile-transcript-label\">CONVERSATION</span>\n            </div>\n            <button type=\"button\" class=\"mobile-close-transcript-btn\" id=\"mobileCloseTranscriptBtn\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M18 6L6 18M6 6l12 12\"/>\n              </svg>\n            </button>\n          </div>\n          \n          <!-- Messages Container -->\n          <div class=\"mobile-messages-container\" id=\"mobileMessagesContainer\">\n            <!-- Messages will be dynamically added here -->\n          </div>\n          \n          <!-- Text Input Area -->\n          <div class=\"mobile-input-area\">\n            <div class=\"mobile-input-wrapper\">\n              <input\n                type=\"text\"\n                placeholder=\"Type a message...\"\n                id=\"mobileTextInput\"\n                class=\"mobile-text-input\"\n                dir=\"").concat(textDir, "\"\n              />\n              <button type=\"button\" class=\"mobile-send-btn\" id=\"mobileSendBtn\" disabled>\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"/>\n                </svg>\n              </button>\n            </div>\n            <p class=\"mobile-input-hint\">\uD83C\uDF99\uFE0F Voice is still active \u2022 Type or speak</p>\n          </div>\n        </div>\n      </div>\n    </div>");
+      }).join(''), "\n            </div>\n            \n            <!-- Controls -->\n            <div class=\"mobile-controls\">\n              <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileMuteBtn\" aria-label=\"Mute microphone\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-icon\">\n                  <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                  <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                  <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n                </svg>\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-mic-off-icon\" style=\"display: none;\">\n                  <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/>\n                  <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/>\n                  <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/>\n                  <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n                </svg>\n              </button>\n              \n              <button type=\"button\" class=\"mobile-control-btn\" id=\"mobilePauseBtn\" aria-label=\"Pause call\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" class=\"mobile-pause-icon\">\n                  <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                  <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"/>\n                </svg>\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"#fff\" stroke=\"none\" class=\"mobile-play-icon\" style=\"display: none;\">\n                  <polygon points=\"6,4 20,12 6,20\"/>\n                </svg>\n              </button>\n\n              <button type=\"button\" class=\"mobile-control-btn\" id=\"mobileSpeakerBtn\" aria-label=\"Toggle speaker\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-icon\">\n                  <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                  <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n                </svg>\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mobile-speaker-off-icon\" style=\"display: none;\">\n                  <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n                  <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n                  <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"#ef4444\" stroke-width=\"1.5\" opacity=\"0.85\"/>\n                </svg>\n              </button>\n\n              <button type=\"button\" class=\"mobile-end-call-btn\" id=\"mobileEndCallBtn\" aria-label=\"End call\">\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91\"/>\n                  <line x1=\"22\" x2=\"2\" y1=\"2\" y2=\"22\"/>\n                </svg>\n              </button>\n            </div>\n          </div>\n          \n          <!-- Bottom Row: Transcript (expandable) -->\n          <button type=\"button\" class=\"mobile-transcript-row\" id=\"mobileTranscriptRow\">\n            <p class=\"mobile-transcript-text\" id=\"mobileTranscriptText\" dir=\"").concat(transcriptDir, "\">").concat(this.t('transcriptWillAppear'), "</p>\n            <div class=\"mobile-transcript-footer\">\n              <span class=\"mobile-expand-hint\">tap to expand & type</span>\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"opacity: 0.6;\">\n                <path d=\"M7 17L17 7M17 7H7M17 7V17\"/>\n              </svg>\n            </div>\n          </button>\n        </div>\n      </div>\n      \n      <!-- Expanded Transcript Overlay -->\n      <div class=\"mobile-transcript-overlay\" id=\"mobileTranscriptOverlay\">\n        <div class=\"mobile-expanded-transcript\" id=\"mobileExpandedTranscript\">\n          <!-- Header -->\n          <div class=\"mobile-transcript-header\">\n            <div class=\"mobile-header-left\">\n              <div class=\"mobile-header-status\">\n                <div class=\"mobile-header-status-dot\"></div>\n                <span class=\"mobile-header-status-text\" id=\"mobileHeaderStatusText\">Listening...</span>\n                <span class=\"mobile-header-duration\" id=\"mobileHeaderDuration\">00:00</span>\n              </div>\n              <span class=\"mobile-transcript-label\">CONVERSATION</span>\n            </div>\n            <button type=\"button\" class=\"mobile-close-transcript-btn\" id=\"mobileCloseTranscriptBtn\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M18 6L6 18M6 6l12 12\"/>\n              </svg>\n            </button>\n          </div>\n          \n          <!-- Messages Container -->\n          <div class=\"mobile-messages-container\" id=\"mobileMessagesContainer\">\n            <!-- Messages will be dynamically added here -->\n          </div>\n          \n          <!-- Text Input Area -->\n          <div class=\"mobile-input-area\">\n            <div class=\"mobile-input-wrapper\">\n              <input\n                type=\"text\"\n                placeholder=\"Type a message...\"\n                id=\"mobileTextInput\"\n                class=\"mobile-text-input\"\n                dir=\"").concat(voiceInputDir, "\"\n              />\n              <button type=\"button\" class=\"mobile-send-btn\" id=\"mobileSendBtn\" disabled>\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"/>\n                </svg>\n              </button>\n            </div>\n            <p class=\"mobile-input-hint\">\uD83C\uDF99\uFE0F Voice is still active \u2022 Type or speak</p>\n          </div>\n        </div>\n      </div>\n    </div>");
     }
   }]);
 }();
@@ -39142,6 +40633,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Transcript: () => (/* binding */ Transcript)
 /* harmony export */ });
+/* harmony import */ var _rtlText_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./rtlText.js */ "./src/widget/voice/rtlText.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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -39154,6 +40646,8 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
 /**
  * Transcript - Manages transcript display and conversation history
  *
@@ -39206,12 +40700,17 @@ var Transcript = /*#__PURE__*/function () {
     key: "updateTranscript",
     value: function updateTranscript(text) {
       console.log('📝 [TRANSCRIPT] updateTranscript() called with text:', text ? text.substring(0, 50) + '...' : 'null/empty');
+      var cfg = this.voiceInterface.config;
+      var hasContent = !!(text && text.trim());
+      var snippetForDir = hasContent ? text : this.t('transcriptWillAppear') || '';
+      var assistantDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(snippetForDir, cfg);
 
       // Mobile transcript (use container-scoped lookup for Shopify/embedded contexts)
       var mobileBar = document.getElementById('mobile-voice-call-bar-container');
       if (mobileBar) {
         var mobileTranscriptText = mobileBar.querySelector('#mobileTranscriptText');
         if (mobileTranscriptText) {
+          mobileTranscriptText.setAttribute('dir', assistantDir);
           mobileTranscriptText.textContent = text;
           mobileTranscriptText.style.color = '';
         }
@@ -39232,6 +40731,7 @@ var Transcript = /*#__PURE__*/function () {
           var lastMessage = messagesContainer.querySelector('.mobile-message-bubble.assistant:last-child');
           if (lastMessage) {
             lastMessage.textContent = text;
+            lastMessage.setAttribute('dir', (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(text, cfg));
           } else {
             this.voiceInterface.addMobileMessage('assistant', text);
           }
@@ -39242,6 +40742,7 @@ var Transcript = /*#__PURE__*/function () {
       // Desktop transcript - Update collapsed live text (2 lines)
       var liveTextCollapsed = this.voiceInterface.shadowRoot.getElementById('liveTextCollapsed');
       if (liveTextCollapsed) {
+        liveTextCollapsed.setAttribute('dir', assistantDir);
         liveTextCollapsed.style.color = '';
         if (text && text.trim()) {
           liveTextCollapsed.textContent = text;
@@ -39430,6 +40931,10 @@ var Transcript = /*#__PURE__*/function () {
         // Update message text
         liveMessageText.textContent = this.currentLiveMessage.content;
         liveMessageRow.style.display = 'flex';
+        var bubble = liveMessageRow.querySelector('.message-bubble');
+        if (bubble) {
+          bubble.setAttribute('dir', (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(this.currentLiveMessage.content, this.voiceInterface.config));
+        }
 
         // Re-add cursor
         var cursor = liveMessageText.querySelector('.typing-cursor') || document.createElement('span');
@@ -39485,11 +40990,11 @@ var Transcript = /*#__PURE__*/function () {
           messagesToRender = messagesToRender.slice(0, -1);
         }
       }
-      var textDir = this.config.direction === 'rtl' ? 'rtl' : 'ltr';
+      var bubbleDir = (0,_rtlText_js__WEBPACK_IMPORTED_MODULE_0__.dirForTranscriptSnippet)(msg.content, this.config);
       console.log('📝 [TRANSCRIPT] Rendering', messagesToRender.length, 'messages (live message excluded)');
       container.innerHTML = messagesToRender.map(function (msg) {
         var isUser = msg.role === 'user';
-        return "\n        <div class=\"message-row ".concat(msg.role, "\">\n          <div class=\"message-avatar ").concat(msg.role, "\">\n            ").concat(isUser ? 'U' : '<div class="orb"></div>', "\n          </div>\n          <div class=\"message-bubble\" dir=\"").concat(textDir, "\">").concat(_this.escapeHtml(msg.content), "</div>\n        </div>\n      ");
+        return "\n        <div class=\"message-row ".concat(msg.role, "\">\n          <div class=\"message-avatar ").concat(msg.role, "\">\n            ").concat(isUser ? 'U' : '<div class="orb"></div>', "\n          </div>\n          <div class=\"message-bubble\" dir=\"").concat(bubbleDir, "\">").concat(_this.escapeHtml(msg.content), "</div>\n        </div>\n      ");
       }).join('');
 
       // Scroll to bottom