ttp-agent-sdk 2.45.1 → 2.45.6

package/dist/agent-widget.dev.js

@@ -10642,14 +10642,14 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _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 _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; }
@@ -10728,8 +10728,115 @@ var ClientScriptManager = /*#__PURE__*/function () {
    * @returns {boolean}
    */
   return _createClass(ClientScriptManager, [{
-    key: "setBundle",
-    value:
+    key: "handleClientToolCall",
+    value: (
+    /**
+     * Execute a `client_tool_call` partner-script dispatch (see
+     * {@link isClientToolsToolCall}) against the client-tool runner and answer
+     * with the standard `client_tool_result` / `client_tool_error` envelopes —
+     * the exact shapes ClientToolsRegistry sends, since the backend awaits the
+     * reply keyed by `toolCallId`. Enforces the 50KB result cap.
+     *
+     * @param {object} message  { toolCallId, toolName, parameters:{ action, args, partner_id } }
+     * @param {string|null} conversationId  the SDK's current conversation id
+     */
+    function () {
+      var _handleClientToolCall = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(message) {
+        var _this2 = this;
+        var conversationId,
+          _ref2,
+          toolCallId,
+          toolName,
+          _ref3,
+          action,
+          args,
+          startedAt,
+          sendError,
+          raw,
+          result,
+          serializedSize,
+          sizeKB,
+          limitKB,
+          _args = arguments,
+          _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              conversationId = _args.length > 1 && _args[1] !== undefined ? _args[1] : null;
+              _ref2 = message || {}, toolCallId = _ref2.toolCallId, toolName = _ref2.toolName;
+              _ref3 = message && message.parameters || {}, action = _ref3.action, args = _ref3.args;
+              startedAt = Date.now();
+              console.log("".concat(LOG).concat(this._tag(), " client_tool_call dispatch action=").concat(action, " toolCallId=").concat(toolCallId));
+              sendError = function sendError(error, errorCode) {
+                _this2._send({
+                  t: 'client_tool_error',
+                  toolCallId: toolCallId,
+                  toolName: toolName,
+                  conversationId: conversationId,
+                  error: error,
+                  errorCode: errorCode,
+                  executionTimeMs: Date.now() - startedAt
+                });
+              };
+              if (action) {
+                _context.n = 1;
+                break;
+              }
+              sendError('run_partner_script missing action', 'EXECUTION_ERROR');
+              return _context.a(2);
+            case 1:
+              _context.p = 1;
+              _context.n = 2;
+              return this.runner.runAdapter(action, args || {});
+            case 2:
+              raw = _context.v;
+              // A void script (side-effect only, no return) is a success — undefined
+              // would be dropped from the JSON envelope and confuse the backend parse.
+              result = raw === undefined ? {
+                ok: true
+              } : raw;
+              serializedSize = 0;
+              try {
+                serializedSize = JSON.stringify(result).length;
+              } catch (_unused) {
+                serializedSize = 0;
+              }
+              if (!(serializedSize > MAX_RESULT_SIZE)) {
+                _context.n = 3;
+                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)"));
+              sendError("Result too large: ".concat(sizeKB, "KB exceeds ").concat(limitKB, "KB limit"), 'RESULT_TOO_LARGE');
+              return _context.a(2);
+            case 3:
+              console.log("".concat(LOG).concat(this._tag(), " client_tool_call done action=").concat(action, " toolCallId=").concat(toolCallId, " (").concat(Date.now() - startedAt, "ms)"));
+              this._send({
+                t: 'client_tool_result',
+                toolCallId: toolCallId,
+                toolName: toolName,
+                conversationId: conversationId,
+                result: result,
+                executionTimeMs: Date.now() - startedAt
+              });
+              _context.n = 5;
+              break;
+            case 4:
+              _context.p = 4;
+              _t = _context.v;
+              console.error("".concat(LOG).concat(this._tag(), " client_tool_call threw action=").concat(action, " toolCallId=").concat(toolCallId, ":"), _t);
+              sendError(_t && _t.message || 'Unknown error', 'EXECUTION_ERROR');
+            case 5:
+              return _context.a(2);
+          }
+        }, _callee, this, [[1, 4]]);
+      }));
+      function handleClientToolCall(_x) {
+        return _handleClientToolCall.apply(this, arguments);
+      }
+      return handleClientToolCall;
+    }()
     /**
      * Handle a `partner_bundle` for `__client_tools__`. Mirrors
      * EcommerceFlavor's bundle handling: merge autoRun entries into the adapters
@@ -10738,12 +10845,15 @@ var ClientScriptManager = /*#__PURE__*/function () {
      * entry exactly once.
      * @param {object} data  the partner_bundle message
      */
-    function setBundle(data) {
-      var _this2 = this;
+    )
+  }, {
+    key: "setBundle",
+    value: function setBundle(data) {
+      var _this3 = 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);
+        return _this3._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) || {})
@@ -10751,10 +10861,10 @@ var ClientScriptManager = /*#__PURE__*/function () {
       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);
+        _this3.runner.runAdapter(action, {}).then(function (r) {
+          return console.log("".concat(LOG).concat(_this3._tag(), " auto-run '").concat(action, "':"), r);
         }).catch(function (e) {
-          return console.warn("".concat(LOG).concat(_this2._tag(), " auto-run '").concat(action, "' failed:"), e);
+          return console.warn("".concat(LOG).concat(_this3._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++) {
@@ -10776,37 +10886,37 @@ var ClientScriptManager = /*#__PURE__*/function () {
   }, {
     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) {
+      var _handleRunPartnerScript = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(message) {
+        var _ref4, requestId, partnerId, action, args, startedAt, result, elapsedMs, ok, serializedSize, sizeKB, limitKB, reason, _elapsedMs, _t2;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.p = _context2.n) {
             case 0:
-              _ref2 = message || {}, requestId = _ref2.requestId, partnerId = _ref2.partnerId, action = _ref2.action;
+              _ref4 = message || {}, requestId = _ref4.requestId, partnerId = _ref4.partnerId, action = _ref4.action;
               args = message && message.args || {};
               if (requestId) {
-                _context.n = 1;
+                _context2.n = 1;
                 break;
               }
               console.warn("".concat(LOG).concat(this._tag(), " run_partner_script missing requestId; dropping"), message);
-              return _context.a(2);
+              return _context2.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;
+              _context2.p = 2;
+              _context2.n = 3;
               return this.runner.runAdapter(action, args);
             case 3:
-              result = _context.v;
+              result = _context2.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) {
+              } catch (_unused2) {
                 serializedSize = 0;
               }
               if (!(serializedSize > MAX_RESULT_SIZE)) {
-                _context.n = 4;
+                _context2.n = 4;
                 break;
               }
               sizeKB = Math.round(serializedSize / 1024);
@@ -10820,7 +10930,7 @@ var ClientScriptManager = /*#__PURE__*/function () {
                 ok: false,
                 error: 'RESULT_TOO_LARGE'
               });
-              return _context.a(2);
+              return _context2.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)"));
@@ -10836,27 +10946,27 @@ var ClientScriptManager = /*#__PURE__*/function () {
                 ok: ok,
                 result: result
               });
-              _context.n = 6;
+              _context2.n = 6;
               break;
             case 5:
-              _context.p = 5;
-              _t = _context.v;
+              _context2.p = 5;
+              _t2 = _context2.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);
+              console.error("".concat(LOG).concat(this._tag(), " run_partner_script threw partner=").concat(partnerId, " action=").concat(action, " requestId=").concat(requestId, " (").concat(_elapsedMs, "ms):"), _t2);
               this._send({
                 t: 'run_partner_script_result',
                 requestId: requestId,
                 partnerId: partnerId,
                 action: action,
                 ok: false,
-                error: _t && _t.message || String(_t)
+                error: _t2 && _t2.message || String(_t2)
               });
             case 6:
-              return _context.a(2);
+              return _context2.a(2);
           }
-        }, _callee, this, [[2, 5]]);
+        }, _callee2, this, [[2, 5]]);
       }));
-      function handleRunPartnerScript(_x) {
+      function handleRunPartnerScript(_x2) {
         return _handleRunPartnerScript.apply(this, arguments);
       }
       return handleRunPartnerScript;
@@ -10882,6 +10992,24 @@ var ClientScriptManager = /*#__PURE__*/function () {
     value: function isClientToolsScript(message) {
       return !!message && message.partnerId === CLIENT_TOOLS_PARTNER_ID;
     }
+
+    /**
+     * True when this `client_tool_call` envelope is actually a partner-script
+     * dispatch for the sentinel partner id. The backend's sync path
+     * (PartnerScriptDispatcher.executeAdapter → executeClientToolAwait) sends
+     * scripts as `client_tool_call` with `toolName:'run_partner_script'` and
+     * `parameters.partner_id` — normally answered by the ecommerce flavor's
+     * registered 'run_partner_script' tool handler. With no flavor loaded there
+     * is no such handler, so both SDKs use this predicate to route the call here
+     * BEFORE the ClientToolsRegistry lookup (which would NO_HANDLER it).
+     * @param {object} message  a client_tool_call message
+     * @returns {boolean}
+     */
+  }, {
+    key: "isClientToolsToolCall",
+    value: function isClientToolsToolCall(message) {
+      return !!message && message.toolName === 'run_partner_script' && !!message.parameters && message.parameters.partner_id === CLIENT_TOOLS_PARTNER_ID;
+    }
   }]);
 }();
 
@@ -11444,6 +11572,15 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
           // which executes the registered handler and sends client_tool_result
           // back through this WebSocket.
           if (data.t === 'client_tool_call') {
+            // Partner-script dispatch for the sentinel __client_tools__ partner
+            // id rides on client_tool_call (toolName 'run_partner_script') —
+            // route it to the flavor-independent ClientScriptManager instead of
+            // the registry (which would NO_HANDLER it when no flavor is loaded).
+            if (_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_2__.ClientScriptManager.isClientToolsToolCall(data)) {
+              _this2.clientScriptManager.handleClientToolCall(data, _this2.config.conversationId);
+              _this2.emit('message', data);
+              return;
+            }
             _this2.clientToolsRegistry.handleToolCall(data);
             _this2.emit('message', data);
             return;
@@ -11810,7 +11947,7 @@ var TextChatSDK = /*#__PURE__*/function (_EventEmitter) {
 
       // SDK build time for debugging
       if (true) {
-        helloMessage.lastBuildTime = "2026-06-12T15:13:11.602Z";
+        helloMessage.lastBuildTime = "2026-06-13T08:36:31.824Z";
       }
       try {
         this.ws.send(JSON.stringify(helloMessage));
@@ -14941,13 +15078,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 —
@@ -19956,8 +20113,8 @@ var VoiceSDK = _v2_VoiceSDK_js__WEBPACK_IMPORTED_MODULE_0__["default"];
 
 
 // Version - injected at build time from package.json via webpack DefinePlugin
-var VERSION = "2.45.0";
-var BUILD_TIME = "2026-06-12T15:13:11.602Z";
+var VERSION = "2.45.6";
+var BUILD_TIME = "2026-06-13T08:36:31.824Z";
 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
@@ -27459,7 +27616,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
 
               // Include SDK build time for debugging
               if (true) {
-                helloMessage.lastBuildTime = "2026-06-12T15:13:11.602Z";
+                helloMessage.lastBuildTime = "2026-06-13T08:36:31.824Z";
               }
 
               // Page context is intentionally NOT attached to the hello message.
@@ -27636,6 +27793,17 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
             this.emit('message', message);
             break;
           case 'client_tool_call':
+            // Partner-script dispatch for the sentinel __client_tools__ partner id
+            // rides on client_tool_call (toolName 'run_partner_script'). Route it
+            // to the flavor-independent ClientScriptManager — with no flavor
+            // loaded there is no registered 'run_partner_script' handler and the
+            // registry would NO_HANDLER it. Every other tool call (including
+            // partner-id'd run_partner_script for the ecommerce flavor) keeps
+            // going through the registry untouched.
+            if (_core_ClientScriptManager_js__WEBPACK_IMPORTED_MODULE_5__.ClientScriptManager.isClientToolsToolCall(message)) {
+              this.clientScriptManager.handleClientToolCall(message, this.conversationId);
+              break;
+            }
             this.clientToolsRegistry.handleToolCall(message);
             break;
           case 'run_partner_script':
@@ -33307,7 +33475,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
       var callActivePanelBg = callSurfaceGradient;
       var voiceIdleVisibleSelector = '#voiceInterface.active #voiceIdleState:not([style*="display: none"]):not([style*="display:none"])';
       var voiceActiveVisibleSelector = '#voiceInterface.active #voiceActiveState:not([style*="display: none"]):not([style*="display:none"])';
-      return "\n      /* Inline style display overrides - ensures JS show/hide works with !important CSS */\n      #text-chat-panel [style*=\"display: none\"],\n      #text-chat-panel [style*=\"display:none\"],\n      #text-chat-button-container [style*=\"display: none\"],\n      #text-chat-button-container [style*=\"display:none\"],\n      #ttpMobileLanding[style*=\"display: none\"],\n      #ttpMobileLanding[style*=\"display:none\"] {\n        display: none !important;\n      }\n      #text-chat-panel [style*=\"display: flex\"],\n      #text-chat-panel [style*=\"display:flex\"],\n      #text-chat-button-container [style*=\"display: flex\"],\n      #text-chat-button-container [style*=\"display:flex\"] {\n        display: flex !important;\n      }\n      #text-chat-panel [style*=\"display: block\"],\n      #text-chat-panel [style*=\"display:block\"] {\n        display: block !important;\n      }\n\n      /* MOBILE FIRST - Default styles for all devices */\n      #text-chat-widget {\n        position: fixed !important;\n        z-index: 10000".concat(important, ";\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif").concat(important, ";\n        /* Mobile defaults */\n        right: 10px").concat(important, ";\n        bottom: 10px").concat(important, ";\n        left: auto").concat(important, ";\n        top: auto").concat(important, ";\n      }\n      \n      /* Desktop positioning (only on larger screens) */\n      @media (min-width: 769px) {\n        #text-chat-widget {\n          ").concat(positionStyles, "\n          right: ").concat(this.config.position.horizontal === 'right' ? '20px' : 'auto').concat(important, ";\n          left: ").concat(this.config.position.horizontal === 'left' ? '20px' : 'auto').concat(important, ";\n          bottom: ").concat(this.config.position.vertical === 'bottom' ? '20px' : 'auto').concat(important, ";\n          top: ").concat(this.config.position.vertical === 'top' ? '20px' : 'auto').concat(important, ";\n        }\n      }\n      \n      /* Mobile override (force mobile positioning) */\n      @media (max-width: 768px) {\n        #text-chat-widget {\n          right: 10px !important;\n          bottom: 10px !important;\n          left: auto !important;\n          top: auto !important;\n          transform: none !important;\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #text-chat-widget {\n          right: 8px !important;\n          bottom: 8px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n      }\n      \n      /* \u2500\u2500 Desktop Pill Launcher \u2500\u2500 */\n      #text-chat-button {\n        position: relative").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 8px").concat(important, ";\n        padding-block: 10px").concat(important, ";\n        padding-inline-start: 6px").concat(important, ";\n        padding-inline-end: 12px").concat(important, ";\n        z-index: 1").concat(important, ";\n        background: ").concat(pillGradient, ";\n        border: 1px solid rgba(139,92,246,0.15)").concat(important, ";\n        border-radius: 999px").concat(important, ";\n        box-shadow: 0 8px 32px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.15)").concat(important, ";\n        cursor: pointer").concat(important, ";\n        transition: box-shadow 0.25s, transform 0.2s, padding 0.3s, gap 0.3s").concat(important, ";\n        font-family: inherit").concat(important, ";\n        color: ").concat(pillTextColor, ";\n        overflow: hidden").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n      }\n      #text-chat-button:hover {\n        transform: translateY(-1px)").concat(important, ";\n        box-shadow: 0 10px 40px rgba(0,0,0,0.35), 0 4px 12px rgba(0,0,0,0.2)").concat(important, ";\n      }\n      #text-chat-button.open {\n        gap: 0px").concat(important, ";\n        padding: 9px").concat(important, ";\n        width: auto").concat(important, ";\n        min-width: 0").concat(important, ";\n        max-width: none").concat(important, ";\n      }\n\n      @media (min-width: 769px) {\n        #text-chat-button {\n          width: 158px").concat(important, ";\n          min-width: 158px").concat(important, ";\n          max-width: 158px").concat(important, ";\n        }\n      }\n\n      .ttp-pill-icon {\n        width: 36px").concat(important, "; height: 36px").concat(important, "; border-radius: 50%").concat(important, ";\n        background: #ffffff").concat(important, ";\n        display: flex").concat(important, "; align-items: center").concat(important, "; justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n      }\n      .ttp-launcher-logo {\n        width: 22px").concat(important, "; height: 22px").concat(important, "; border-radius: 50%").concat(important, ";\n        object-fit: cover").concat(important, ";\n      }\n\n      /* Default pill launcher: same animated waveform as mobile FAB / landing */\n      .ttp-pill-icon--wave {\n        background: rgba(255, 255, 255, 0.15)").concat(important, ";\n      }\n      .ttp-pill-waveform {\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 2px").concat(important, ";\n        height: 16px").concat(important, ";\n      }\n      .ttp-pill-waveform .bar {\n        width: 2px").concat(important, ";\n        background: #fff").concat(important, ";\n        border-radius: 1px").concat(important, ";\n        animation: ttpWaveAnimation 0.8s ease-in-out infinite").concat(important, ";\n      }\n      .ttp-pill-waveform .bar:nth-child(1) { height: 5px").concat(important, "; animation-delay: 0s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(2) { height: 10px").concat(important, "; animation-delay: 0.1s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(3) { height: 16px").concat(important, "; animation-delay: 0.2s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(4) { height: 8px").concat(important, "; animation-delay: 0.3s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(5) { height: 12px").concat(important, "; animation-delay: 0.4s").concat(important, "; }\n\n      .ttp-pill-text {\n        display: flex").concat(important, "; flex-direction: column").concat(important, "; gap: 2px").concat(important, ";\n        max-width: 82px").concat(important, ";\n        opacity: 1").concat(important, ";\n        overflow: hidden").concat(important, ";\n        white-space: nowrap").concat(important, ";\n        transition: max-width 0.3s, opacity 0.2s").concat(important, ";\n      }\n      #text-chat-button.open .ttp-pill-text {\n        max-width: 0").concat(important, ";\n        opacity: 0").concat(important, ";\n      }\n      .ttp-pill-title {\n        font-size: 13px").concat(important, "; font-weight: 600").concat(important, "; color: ").concat(pillTextColor, ";\n        line-height: 1.25").concat(important, ";\n        overflow: hidden").concat(important, ";\n        text-overflow: ellipsis").concat(important, ";\n      }\n      .ttp-pill-status {\n        display: flex").concat(important, "; align-items: center").concat(important, "; gap: 4px").concat(important, ";\n        font-size: 11px").concat(important, "; color: ").concat(pillTextColor, "8c;\n        line-height: 1.25").concat(important, ";\n      }\n\n      /* Online dot (inside pill status) */\n      .ttp-launcher-dot {\n        width: 7px").concat(important, "; height: 7px").concat(important, "; border-radius: 50%").concat(important, ";\n        background: ").concat(pillDotColor, ";\n        flex-shrink: 0").concat(important, ";\n        animation: ttp-dot-pulse 2s ease-in-out infinite").concat(important, ";\n      }\n      @keyframes ttp-dot-pulse { 0%,100%{opacity:1} 50%{opacity:.4} }\n      \n      @media (max-width: 768px) {\n        #text-chat-widget {\n          right: 10px !important;\n          bottom: 10px !important;\n          left: auto !important;\n          top: auto !important;\n          transform: none !important;\n        }\n        \n        #text-chat-button-container {\n          width: auto !important;\n          height: auto !important;\n        }\n        \n        #text-chat-panel {\n          position: fixed !important;\n          left: 10px !important;\n          right: 10px !important;\n          bottom: 92px !important; /* 56px button + 20px gap + 16px footer */\n          top: 60px !important; /* Add top spacing */\n          width: auto !important;\n          max-width: none !important;\n          height: auto !important; /* Change from max-height to auto */\n          max-height: none !important; /* Remove max-height */\n          transform: none !important;\n          margin: 0 !important;\n        }\n        \n        #text-chat-panel .widget-header {\n          padding: 10px 14px").concat(important, ";\n          min-height: 56px").concat(important, ";\n        }\n        \n        #text-chat-panel .header-title {\n          font-size: 15px").concat(important, ";\n        }\n        \n        #text-chat-panel .header-icon {\n          width: 40px").concat(important, ";\n          height: 40px").concat(important, ";\n          min-width: 40px").concat(important, ";\n          min-height: 40px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important; /* Prevents iOS zoom on focus */\n          padding: 12px 16px !important;\n          min-height: 48px !important;\n        }\n        \n        #text-chat-send {\n          min-width: 48px !important;\n          min-height: 48px !important;\n          width: 48px !important;\n          height: 48px !important;\n        }\n        \n      }\n      \n      @media (max-width: 480px) {\n        #text-chat-widget {\n          right: 8px !important;\n          bottom: 8px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n        \n        #text-chat-button-container {\n          width: auto !important;\n          height: auto !important;\n        }\n        \n        #text-chat-panel {\n          left: 8px !important;\n          right: 8px !important;\n          bottom: 86px !important; /* 54px button + 20px gap + 12px footer */\n          top: 50px !important; /* Add top spacing for very small screens */\n          height: auto !important;\n          max-height: none !important;\n        }\n        \n        #text-chat-panel .widget-header {\n          padding: 8px 12px").concat(important, ";\n          min-height: 52px").concat(important, ";\n        }\n        \n        #text-chat-panel .header-title {\n          font-size: 14px").concat(important, ";\n        }\n        \n      }\n      \n      ").concat(anim.enableHover ? "\n        #text-chat-button:hover {\n          transform: translateY(-1px);\n        }\n      " : '', "\n      \n      /* Prompt Animation Keyframes */\n      @keyframes widget-shimmer {\n        0% { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      \n      @keyframes widget-ripple {\n        0% { transform: scale(1); opacity: 0.6; }\n        100% { transform: scale(2.5); opacity: 0; }\n      }\n      \n      @keyframes widget-float {\n        0%, 100% { transform: translateX(-50%) translateY(0); }\n        50% { transform: translateX(-50%) translateY(-8px); }\n      }\n      \n      @keyframes widget-bounce {\n        0%, 100% { transform: translateX(-50%) translateY(0); }\n        50% { transform: translateX(-50%) translateY(-10px); }\n      }\n      \n      @keyframes widget-pulse-ring {\n        0% { transform: scale(1); opacity: 0.4; }\n        100% { transform: scale(1.8); opacity: 0; }\n      }\n      \n      /* Prompt Bubble Container */\n      #text-chat-button-container {\n        position: fixed").concat(important, ";\n        ").concat(this.config.position.vertical === 'bottom' ? "bottom: ".concat(((_this$config$position = this.config.position.offset) === null || _this$config$position === void 0 ? void 0 : _this$config$position.y) || 20, "px;") : "top: ".concat(((_this$config$position2 = this.config.position.offset) === null || _this$config$position2 === void 0 ? void 0 : _this$config$position2.y) || 20, "px;"), "\n        ").concat(this.config.position.horizontal === 'right' ? "right: ".concat(((_this$config$position3 = this.config.position.offset) === null || _this$config$position3 === void 0 ? void 0 : _this$config$position3.x) || 20, "px;") : "left: ".concat(((_this$config$position4 = this.config.position.offset) === null || _this$config$position4 === void 0 ? void 0 : _this$config$position4.x) || 20, "px;"), "\n        width: auto").concat(important, ";\n        height: auto").concat(important, ";\n        z-index: 10001").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n      }\n      \n      @media (max-width: 768px) {\n        #text-chat-button-container {\n          right: 10px !important;\n          bottom: 10px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #text-chat-button-container {\n          right: 8px !important;\n          bottom: 8px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n      }\n      \n      /* Prompt Bubble Styles */\n      .prompt-bubble {\n        position: absolute").concat(important, ";\n        z-index: 10002").concat(important, ";\n        pointer-events: none").concat(important, ";\n        white-space: nowrap").concat(important, ";\n      }\n      \n      .prompt-bubble.top {\n        bottom: calc(100% + 18px)").concat(important, ";\n        left: 50%").concat(important, ";\n        transform: translateX(-50%)").concat(important, ";\n      }\n      \n      .prompt-bubble.left {\n        right: calc(100% + 12px)").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n      }\n      \n      .prompt-bubble.right {\n        left: calc(100% + 12px)").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n      }\n      \n      /* Ensure animations preserve horizontal centering for top position */\n      .prompt-bubble.top.animation-bounce {\n        animation: widget-bounce 1s ease-in-out infinite").concat(important, ";\n        transform: translateX(-50%)").concat(important, "; /* Keep centering */\n      }\n      \n      .prompt-bubble.top.animation-float {\n        animation: widget-float 2s ease-in-out infinite").concat(important, ";\n        transform: translateX(-50%)").concat(important, "; /* Keep centering */\n      }\n      \n      .prompt-bubble.top.animation-pulse {\n        animation: pulse 2s ease-in-out infinite").concat(important, ";\n        transform: translateX(-50%)").concat(important, "; /* Keep centering */\n      }\n      \n      .prompt-bubble-content {\n        position: relative").concat(important, ";\n        padding: 8px 16px").concat(important, ";\n        border-radius: 20px").concat(important, ";\n        font-weight: 500").concat(important, ";\n        font-size: 14px").concat(important, ";\n        box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3)").concat(important, ";\n        overflow: hidden").concat(important, ";\n      }\n      \n      .prompt-bubble-shimmer {\n        position: absolute").concat(important, ";\n        inset: 0").concat(important, ";\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent)").concat(important, ";\n        animation: widget-shimmer 2s infinite").concat(important, ";\n      }\n      \n      .prompt-bubble.animation-bounce {\n        animation: widget-bounce 1s ease-in-out infinite").concat(important, ";\n      }\n      \n      .prompt-bubble.animation-pulse {\n        animation: pulse 2s ease-in-out infinite").concat(important, ";\n      }\n      \n      .prompt-bubble.animation-float {\n        animation: widget-float 2s ease-in-out infinite").concat(important, ";\n      }\n      \n      /* Ensure top-positioned bubbles maintain horizontal centering during animations */\n      .prompt-bubble.top.animation-bounce,\n      .prompt-bubble.top.animation-float,\n      .prompt-bubble.top.animation-pulse {\n        /* Animation keyframes already include translateX(-50%) for centering */\n      }\n      \n      /* Prompt Bubble Arrow */\n      .prompt-bubble-arrow {\n        position: absolute").concat(important, ";\n        width: 0").concat(important, ";\n        height: 0").concat(important, ";\n        border: 8px solid transparent").concat(important, ";\n      }\n      \n      .prompt-bubble.top .prompt-bubble-arrow {\n        top: 100%").concat(important, ";\n        left: 50%").concat(important, ";\n        transform: translateX(-50%)").concat(important, ";\n        border-top-color: var(--prompt-bubble-bg-color, #7c3aed)").concat(important, ";\n        border-bottom: none").concat(important, ";\n        margin-left: 0").concat(important, ";\n      }\n      \n      .prompt-bubble.left .prompt-bubble-arrow {\n        left: 100%").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n        border-left-color: var(--prompt-bubble-bg-color, #7c3aed)").concat(important, ";\n        border-right: none").concat(important, ";\n      }\n      \n      .prompt-bubble.right .prompt-bubble-arrow {\n        right: 100%").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n        border-right-color: var(--prompt-bubble-bg-color, #7c3aed)").concat(important, ";\n        border-left: none").concat(important, ";\n      }\n      \n      /* Pulse Rings */\n      .prompt-pulse-rings {\n        position: absolute").concat(important, ";\n        inset: 0").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      \n      .prompt-pulse-ring {\n        position: absolute").concat(important, ";\n        inset: 0").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        animation: widget-pulse-ring 2s ease-out infinite").concat(important, ";\n      }\n      \n      .prompt-pulse-ring:nth-child(2) {\n        animation-delay: 0.5s").concat(important, ";\n      }\n      \n      /* Mobile adjustments for prompt bubble */\n      @media (max-width: 768px) {\n        .prompt-bubble-content {\n          font-size: 12px").concat(important, ";\n          padding: 6px 12px").concat(important, ";\n        }\n        \n        .prompt-bubble.top {\n          bottom: calc(100% + 14px)").concat(important, ";\n        }\n        \n        .prompt-bubble.left,\n        .prompt-bubble.right {\n          display: none").concat(important, "; /* Hide side prompts on mobile */\n        }\n      }\n      \n      /* Shared panel chrome; size/position differ \u2014 desktop card vs mobile sheet (see @media blocks earlier) */\n      #text-chat-panel {\n        display: none").concat(important, ";\n        position: fixed").concat(important, ";\n        background: ").concat(panelBg, ";\n        border-radius: 20px").concat(important, ";\n        border: ").concat(panel.border || '1px solid rgba(255,255,255,0.08)', ";\n        flex-direction: column").concat(important, ";\n        overflow: hidden").concat(important, ";\n        box-shadow: 0 24px 60px rgba(0,0,0,0.6)").concat(important, ";\n        opacity: 0").concat(important, ";\n        pointer-events: none").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n      }\n\n      /* Desktop / tablet: floating 340px card anchored to launcher */\n      @media (min-width: 769px) {\n        #text-chat-panel {\n          bottom: calc(54px + 24px)").concat(important, "; /* launcher pill + gap */\n          ").concat(this.config.position.horizontal === 'right' ? 'right: 20px;' : 'left: 20px;', "\n          width: 340px").concat(important, ";\n          max-width: calc(100vw - 40px)").concat(important, ";\n          height: auto").concat(important, ";\n          max-height: calc(100vh - 100px)").concat(important, ";\n          transform-origin: bottom right").concat(important, ";\n        }\n        /* Text chat: fixed height so the message list scrolls instead of growing the panel per message */\n        #text-chat-panel:has(.text-interface.active) {\n          height: min(520px, calc(100vh - 100px))").concat(important, ";\n        }\n      }\n      \n      #text-chat-panel.open {\n        display: flex").concat(important, ";\n        opacity: 1").concat(important, ";\n        pointer-events: auto").concat(important, ";\n      }\n\n      /* Shell for panel inner */\n      .widget-shell { width: 100%").concat(important, "; padding: 0").concat(important, "; border-radius: 20px").concat(important, "; background: transparent").concat(important, "; overflow: hidden").concat(important, "; display: flex").concat(important, "; flex-direction: column").concat(important, "; box-sizing: border-box").concat(important, "; flex: 1").concat(important, "; min-height: 0").concat(important, "; }\n      .panel-inner { width: 100%").concat(important, "; background: ").concat(panelBg, "; border-radius: 20px").concat(important, "; border: none").concat(important, "; overflow: hidden").concat(important, "; display:flex").concat(important, "; flex-direction: column").concat(important, "; padding: 0").concat(important, "; box-sizing: border-box").concat(important, "; max-width: 100%").concat(important, "; flex: 1").concat(important, "; min-height: 0").concat(important, "; }\n\n      #text-chat-panel .widget-container {\n        width: 100%").concat(important, "; background: ").concat(panelBg, "; overflow: visible").concat(important, "; display: flex").concat(important, "; flex-direction: column").concat(important, "; border-radius: 20px").concat(important, "; flex: 1").concat(important, "; min-height: 0").concat(important, ";\n      }\n\n      /* Voice idle: one gradient for voice UI + footer (Powered by), not a flat strip under buttons */\n      #text-chat-panel.open:has(").concat(voiceIdleVisibleSelector, ") {\n        background: linear-gradient(160deg, ").concat(idleHeroGrad1, " 0%, ").concat(idleHeroGrad2, " 100%)").concat(important, ";\n      }\n      #text-chat-panel .widget-container:has(").concat(voiceIdleVisibleSelector, ") {\n        background: linear-gradient(160deg, ").concat(idleHeroGrad1, " 0%, ").concat(idleHeroGrad2, " 100%)").concat(important, ";\n      }\n\n      /* Voice active call: same hero gradient as idle + mobile minimized bar */\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel .widget-container:has(").concat(voiceActiveVisibleSelector, ") {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") .widget-shell {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") .panel-inner {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") .ttp-footer {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n\n      ").concat(textUsesVoiceTheme ? "\n      /* Text chat with voice theme: same hero surface as voice idle; inner shells transparent */\n      #text-chat-panel.open:has(.text-interface.active) {\n        background: ".concat(callSurfaceGradient).concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .widget-shell,\n      #text-chat-panel.open:has(.text-interface.active) .panel-inner,\n      #text-chat-panel.open:has(.text-interface.active) .widget-container {\n        background: transparent").concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .ttp-footer {\n        background: transparent").concat(important, ";\n        border-top-color: rgba(255,255,255,0.06)").concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .ttp-footer span {\n        color: rgba(255,255,255,0.35)").concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .ttp-footer a {\n        color: ").concat(footerLinkOnDarkHero).concat(important, ";\n      }\n      ") : '', "\n      \n      /* Voice may scroll as a whole; text chat keeps a fixed shell and scrolls #messagesContainer only */\n      #text-chat-panel .widget-container > .voice-interface {\n        flex: 1").concat(important, ";\n        min-height: 0").concat(important, ";\n        overflow-y: auto").concat(important, ";\n        overflow-x: visible").concat(important, ";\n      }\n      #text-chat-panel .widget-container > .text-interface {\n        flex: 1").concat(important, ";\n        min-height: 0").concat(important, ";\n        overflow: hidden").concat(important, ";\n        overflow-x: visible").concat(important, ";\n      }\n      \n      /* Header is removed in new design - hero serves as header */\n      #text-chat-panel .widget-header { display: none").concat(important, "; }\n\n      ").concat(showVoice ? this.voiceInterface.generateCSS() : '', "\n      ").concat(showText ? this.textInterface.generateCSS() : '', "\n      \n      /* Footer Branding */\n      .ttp-footer {\n        padding: 6px 18px 10px").concat(important, ";\n        border-top: 1px solid ").concat(footerBorderColor, ";\n        display: flex").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n        background: transparent").concat(important, ";\n      }\n      .ttp-footer span { font-size: 10px").concat(important, "; color: ").concat(footerTextColor, "; }\n      .ttp-footer a { color: ").concat(footerLinkColor, "; text-decoration: none").concat(important, "; font-weight: 600").concat(important, "; }\n      .ttp-footer a:hover { opacity: 0.85").concat(important, "; }\n      .ttp-footer a b { font-weight: 700").concat(important, "; }\n      \n      #text-chat-send-hint {\n        text-align: center").concat(important, ";\n        line-height: 1.4").concat(important, ";\n      }\n      \n      .agent-thinking {\n        font-style: italic").concat(important, ";\n        color: #6B7280").concat(important, ";\n      }\n\n      /* ========================================\n         MOBILE PILL BUTTON & LANDING OVERLAY\n         Hidden on desktop, shown on mobile only\n         ======================================== */\n      .ttp-mobile-fab {\n        display: none").concat(important, ";\n      }\n\n      .ttp-mobile-landing {\n        display: none").concat(important, ";\n      }\n\n      @keyframes ttpWaveAnimation {\n        0%, 100% { transform: scaleY(0.4); }\n        50% { transform: scaleY(1); }\n      }\n\n      @keyframes ttpPulseAnimation {\n        0%, 100% { opacity: 1; }\n        50% { opacity: 0.5; }\n      }\n\n      @media (max-width: 768px) {\n        /* Hide desktop pill button on mobile */\n        #text-chat-button {\n          display: none !important;\n        }\n\n        /* Re-flow the container for pill shape */\n        #text-chat-button-container {\n          width: auto !important;\n          height: auto !important;\n          min-width: 0 !important;\n          min-height: 0 !important;\n          max-width: none !important;\n          max-height: none !important;\n        }\n\n        /* Show mobile pill button */\n        .ttp-mobile-fab {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 10px").concat(important, ";\n          padding: 10px 16px 10px 12px").concat(important, ";\n          background: ").concat(pillGradient, ";\n          border: none").concat(important, ";\n          border-radius: 24px").concat(important, ";\n          cursor: pointer").concat(important, ";\n          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3)").concat(important, ";\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)").concat(important, ";\n          z-index: 1").concat(important, ";\n          font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif").concat(important, ";\n          touch-action: manipulation").concat(important, ";\n          -webkit-tap-highlight-color: transparent").concat(important, ";\n        }\n\n        .ttp-mobile-fab:hover {\n          transform: translateY(-3px)").concat(important, ";\n          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4)").concat(important, ";\n        }\n\n        .ttp-mobile-fab__icon-wrap {\n          width: 36px").concat(important, ";\n          height: 36px").concat(important, ";\n          border-radius: 50%").concat(important, ";\n          background: rgba(255, 255, 255, 0.15)").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-fab__waveform {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 2px").concat(important, ";\n          height: 16px").concat(important, ";\n        }\n\n        .ttp-mobile-fab__waveform .bar {\n          width: 2px").concat(important, ";\n          background: #fff").concat(important, ";\n          border-radius: 1px").concat(important, ";\n          animation: ttpWaveAnimation 0.8s ease-in-out infinite").concat(important, ";\n        }\n\n        .ttp-mobile-fab__waveform .bar:nth-child(1) { height: 5px").concat(important, "; animation-delay: 0s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(2) { height: 10px").concat(important, "; animation-delay: 0.1s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(3) { height: 16px").concat(important, "; animation-delay: 0.2s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(4) { height: 8px").concat(important, "; animation-delay: 0.3s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(5) { height: 12px").concat(important, "; animation-delay: 0.4s").concat(important, "; }\n\n        .ttp-mobile-fab__label-wrap {\n          display: flex").concat(important, ";\n          flex-direction: column").concat(important, ";\n          align-items: flex-start").concat(important, ";\n          gap: 1px").concat(important, ";\n        }\n\n        .ttp-mobile-fab__label {\n          color: ").concat(pillTextColor, ";\n          font-size: 14px").concat(important, ";\n          font-weight: 600").concat(important, ";\n          line-height: 1.2").concat(important, ";\n        }\n\n        .ttp-mobile-fab__status {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 4px").concat(important, ";\n          font-size: 11px").concat(important, ";\n          color: ").concat(pillTextColor, "b3;\n          line-height: 1.2").concat(important, ";\n        }\n\n        .ttp-mobile-fab__dot {\n          width: 6px").concat(important, ";\n          height: 6px").concat(important, ";\n          background: ").concat(pillDotColor, ";\n          border-radius: 50%").concat(important, ";\n          box-shadow: 0 0 6px ").concat(pillDotColor, "99;\n        }\n\n        /* ---- Mobile Landing Overlay ---- */\n        .ttp-mobile-landing.active {\n          display: block").concat(important, ";\n          position: fixed").concat(important, ";\n          bottom: 16px").concat(important, ";\n          left: 12px").concat(important, ";\n          right: 12px").concat(important, ";\n          background: ").concat(pillGradient, ";\n          border-radius: 20px").concat(important, ";\n          overflow: hidden").concat(important, ";\n          box-shadow:\n            0 10px 40px rgba(0, 0, 0, 0.3),\n            0 0 0 1px rgba(255, 255, 255, 0.1) inset").concat(important, ";\n          z-index: 10002").concat(important, ";\n          font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif").concat(important, ";\n        }\n\n        .ttp-mobile-landing::before {\n          content: ''").concat(important, ";\n          position: absolute").concat(important, ";\n          top: 0").concat(important, ";\n          left: 0").concat(important, ";\n          right: 0").concat(important, ";\n          height: 1px").concat(important, ";\n          background: linear-gradient(90deg,\n            transparent 0%,\n            rgba(255, 255, 255, 0.3) 50%,\n            transparent 100%);\n        }\n\n        .ttp-mobile-landing__header {\n          padding: 14px 16px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 12px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__avatar {\n          width: 44px").concat(important, ";\n          height: 44px").concat(important, ";\n          border-radius: 12px").concat(important, ";\n          background: rgba(255, 255, 255, 0.15)").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__waveform {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 3px").concat(important, ";\n          height: 20px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__waveform .bar {\n          width: 3px").concat(important, ";\n          background: rgba(255, 255, 255, 0.9)").concat(important, ";\n          border-radius: 2px").concat(important, ";\n          animation: ttpWaveAnimation 0.8s ease-in-out infinite").concat(important, ";\n        }\n\n        .ttp-mobile-landing__waveform .bar:nth-child(1) { height: 6px").concat(important, "; animation-delay: 0s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(2) { height: 12px").concat(important, "; animation-delay: 0.1s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(3) { height: 20px").concat(important, "; animation-delay: 0.2s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(4) { height: 10px").concat(important, "; animation-delay: 0.3s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(5) { height: 16px").concat(important, "; animation-delay: 0.4s").concat(important, "; }\n\n        .ttp-mobile-landing__info {\n          flex: 1").concat(important, ";\n          min-width: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__name {\n          color: #fff").concat(important, ";\n          font-size: 15px").concat(important, ";\n          font-weight: 600").concat(important, ";\n          margin-bottom: 2px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__status {\n          color: rgba(255, 255, 255, 0.7)").concat(important, ";\n          font-size: 12px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 5px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__dot {\n          width: 6px").concat(important, ";\n          height: 6px").concat(important, ";\n          background: ").concat(header.onlineIndicatorDotColor || '#10b981', ";\n          border-radius: 50%").concat(important, ";\n          animation: ttpPulseAnimation 2s ease-in-out infinite").concat(important, ";\n        }\n\n        .ttp-mobile-landing__close {\n          width: 32px").concat(important, ";\n          height: 32px").concat(important, ";\n          border-radius: 10px").concat(important, ";\n          background: rgba(255, 255, 255, 0.1)").concat(important, ";\n          border: none").concat(important, ";\n          color: rgba(255, 255, 255, 0.7)").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          cursor: pointer").concat(important, ";\n          transition: all 0.2s").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__close:hover {\n          background: rgba(255, 255, 255, 0.2)").concat(important, ";\n          color: #fff").concat(important, ";\n        }\n\n        .ttp-mobile-landing__error {\n          margin: 0 14px 10px").concat(important, ";\n          padding: 10px 12px").concat(important, ";\n          background: #fef2f2").concat(important, ";\n          border: 1px solid #fecaca").concat(important, ";\n          border-radius: 10px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: flex-start").concat(important, ";\n          gap: 8px").concat(important, ";\n          color: #b91c1c").concat(important, ";\n          font-size: 13px").concat(important, ";\n          line-height: 1.4").concat(important, ";\n        }\n        .ttp-mobile-landing__error svg {\n          flex-shrink: 0").concat(important, ";\n          margin-top: 1px").concat(important, ";\n          stroke: #dc2626").concat(important, ";\n        }\n\n        .ttp-mobile-landing__actions {\n          padding: 0 14px 14px").concat(important, ";\n          display: flex").concat(important, ";\n          gap: 10px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn {\n          flex: 1").concat(important, ";\n          padding: 14px").concat(important, ";\n          border-radius: 12px").concat(important, ";\n          border: none").concat(important, ";\n          cursor: pointer").concat(important, ";\n          font-family: inherit").concat(important, ";\n          font-size: 14px").concat(important, ";\n          font-weight: 600").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          gap: 10px").concat(important, ";\n          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1)").concat(important, ";\n          touch-action: manipulation").concat(important, ";\n          -webkit-tap-highlight-color: transparent").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn svg {\n          width: 20px").concat(important, ";\n          height: 20px").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--call {\n          background: #fff").concat(important, ";\n          color: ").concat(header.backgroundColor || '#7C3AED', ";\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--call:hover {\n          transform: translateY(-2px)").concat(important, ";\n          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--text {\n          background: rgba(255, 255, 255, 0.15)").concat(important, ";\n          color: #fff").concat(important, ";\n          border: 1px solid rgba(255, 255, 255, 0.1)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--text:hover {\n          background: rgba(255, 255, 255, 0.2)").concat(important, ";\n          border-color: rgba(255, 255, 255, 0.2)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__footer {\n          padding: 10px 16px").concat(important, ";\n          display: flex").concat(important, ";\n          justify-content: center").concat(important, ";\n          border-top: 1px solid rgba(255, 255, 255, 0.08)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered {\n          color: rgba(255, 255, 255, 0.4)").concat(important, ";\n          font-size: 11px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 4px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered svg {\n          width: 10px").concat(important, ";\n          height: 10px").concat(important, ";\n          color: #f59e0b").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered a {\n          color: ").concat(footerLinkColor).concat(important, ";\n          text-decoration: none").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered a:hover {\n          opacity: 0.88").concat(important, ";\n        }\n      }\n    ");
+      return "\n      /* Inline style display overrides - ensures JS show/hide works with !important CSS */\n      #text-chat-panel [style*=\"display: none\"],\n      #text-chat-panel [style*=\"display:none\"],\n      #text-chat-button-container [style*=\"display: none\"],\n      #text-chat-button-container [style*=\"display:none\"],\n      #ttpMobileLanding[style*=\"display: none\"],\n      #ttpMobileLanding[style*=\"display:none\"] {\n        display: none !important;\n      }\n      #text-chat-panel [style*=\"display: flex\"],\n      #text-chat-panel [style*=\"display:flex\"],\n      #text-chat-button-container [style*=\"display: flex\"],\n      #text-chat-button-container [style*=\"display:flex\"] {\n        display: flex !important;\n      }\n      #text-chat-panel [style*=\"display: block\"],\n      #text-chat-panel [style*=\"display:block\"] {\n        display: block !important;\n      }\n\n      /* MOBILE FIRST - Default styles for all devices */\n      #text-chat-widget {\n        position: fixed !important;\n        z-index: 10000".concat(important, ";\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif").concat(important, ";\n        /* Mobile defaults */\n        right: 10px").concat(important, ";\n        bottom: 10px").concat(important, ";\n        left: auto").concat(important, ";\n        top: auto").concat(important, ";\n      }\n      \n      /* Desktop positioning (only on larger screens) */\n      @media (min-width: 769px) {\n        #text-chat-widget {\n          ").concat(positionStyles, "\n          right: ").concat(this.config.position.horizontal === 'right' ? '20px' : 'auto').concat(important, ";\n          left: ").concat(this.config.position.horizontal === 'left' ? '20px' : 'auto').concat(important, ";\n          bottom: ").concat(this.config.position.vertical === 'bottom' ? '20px' : 'auto').concat(important, ";\n          top: ").concat(this.config.position.vertical === 'top' ? '20px' : 'auto').concat(important, ";\n        }\n      }\n      \n      /* Mobile override (force mobile positioning) */\n      @media (max-width: 768px) {\n        #text-chat-widget {\n          right: 10px !important;\n          bottom: 10px !important;\n          left: auto !important;\n          top: auto !important;\n          transform: none !important;\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #text-chat-widget {\n          right: 8px !important;\n          bottom: 8px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n      }\n      \n      /* \u2500\u2500 Desktop Pill Launcher \u2500\u2500 */\n      #text-chat-button {\n        position: relative").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 8px").concat(important, ";\n        padding-block: 10px").concat(important, ";\n        padding-inline-start: 6px").concat(important, ";\n        padding-inline-end: 12px").concat(important, ";\n        z-index: 1").concat(important, ";\n        background: ").concat(pillGradient, ";\n        border: 1px solid rgba(139,92,246,0.15)").concat(important, ";\n        border-radius: 999px").concat(important, ";\n        box-shadow: 0 8px 32px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.15)").concat(important, ";\n        cursor: pointer").concat(important, ";\n        transition: box-shadow 0.25s, transform 0.2s, padding 0.3s, gap 0.3s").concat(important, ";\n        font-family: inherit").concat(important, ";\n        color: ").concat(pillTextColor, ";\n        overflow: hidden").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n      }\n      #text-chat-button:hover {\n        transform: translateY(-1px)").concat(important, ";\n        box-shadow: 0 10px 40px rgba(0,0,0,0.35), 0 4px 12px rgba(0,0,0,0.2)").concat(important, ";\n      }\n      #text-chat-button.open {\n        gap: 0px").concat(important, ";\n        padding: 9px").concat(important, ";\n        width: auto").concat(important, ";\n        min-width: 0").concat(important, ";\n        max-width: none").concat(important, ";\n      }\n\n      @media (min-width: 769px) {\n        #text-chat-button {\n          width: 158px").concat(important, ";\n          min-width: 158px").concat(important, ";\n          max-width: 158px").concat(important, ";\n        }\n      }\n\n      .ttp-pill-icon {\n        width: 36px").concat(important, "; height: 36px").concat(important, "; border-radius: 50%").concat(important, ";\n        background: #ffffff").concat(important, ";\n        display: flex").concat(important, "; align-items: center").concat(important, "; justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n      }\n      .ttp-launcher-logo {\n        width: 22px").concat(important, "; height: 22px").concat(important, "; border-radius: 50%").concat(important, ";\n        object-fit: cover").concat(important, ";\n      }\n\n      /* Default pill launcher: same animated waveform as mobile FAB / landing */\n      .ttp-pill-icon--wave {\n        background: rgba(255, 255, 255, 0.15)").concat(important, ";\n      }\n      .ttp-pill-waveform {\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        gap: 2px").concat(important, ";\n        height: 16px").concat(important, ";\n      }\n      .ttp-pill-waveform .bar {\n        width: 2px").concat(important, ";\n        background: #fff").concat(important, ";\n        border-radius: 1px").concat(important, ";\n        animation: ttpWaveAnimation 0.8s ease-in-out infinite").concat(important, ";\n      }\n      .ttp-pill-waveform .bar:nth-child(1) { height: 5px").concat(important, "; animation-delay: 0s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(2) { height: 10px").concat(important, "; animation-delay: 0.1s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(3) { height: 16px").concat(important, "; animation-delay: 0.2s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(4) { height: 8px").concat(important, "; animation-delay: 0.3s").concat(important, "; }\n      .ttp-pill-waveform .bar:nth-child(5) { height: 12px").concat(important, "; animation-delay: 0.4s").concat(important, "; }\n\n      .ttp-pill-text {\n        display: flex").concat(important, "; flex-direction: column").concat(important, "; gap: 2px").concat(important, ";\n        max-width: 82px").concat(important, ";\n        opacity: 1").concat(important, ";\n        overflow: hidden").concat(important, ";\n        white-space: nowrap").concat(important, ";\n        transition: max-width 0.3s, opacity 0.2s").concat(important, ";\n      }\n      #text-chat-button.open .ttp-pill-text {\n        max-width: 0").concat(important, ";\n        opacity: 0").concat(important, ";\n      }\n      .ttp-pill-title {\n        font-size: 13px").concat(important, "; font-weight: 600").concat(important, "; color: ").concat(pillTextColor, ";\n        line-height: 1.25").concat(important, ";\n        overflow: hidden").concat(important, ";\n        text-overflow: ellipsis").concat(important, ";\n      }\n      .ttp-pill-status {\n        display: flex").concat(important, "; align-items: center").concat(important, "; gap: 4px").concat(important, ";\n        font-size: 11px").concat(important, "; color: ").concat(pillTextColor, "8c;\n        line-height: 1.25").concat(important, ";\n      }\n\n      /* Online dot (inside pill status) */\n      .ttp-launcher-dot {\n        width: 7px").concat(important, "; height: 7px").concat(important, "; border-radius: 50%").concat(important, ";\n        background: ").concat(pillDotColor, ";\n        flex-shrink: 0").concat(important, ";\n        animation: ttp-dot-pulse 2s ease-in-out infinite").concat(important, ";\n      }\n      @keyframes ttp-dot-pulse { 0%,100%{opacity:1} 50%{opacity:.4} }\n      \n      @media (max-width: 768px) {\n        #text-chat-widget {\n          right: 10px !important;\n          bottom: 10px !important;\n          left: auto !important;\n          top: auto !important;\n          transform: none !important;\n        }\n        \n        #text-chat-button-container {\n          width: auto !important;\n          height: auto !important;\n        }\n        \n        #text-chat-panel {\n          position: fixed !important;\n          right: 10px !important;\n          left: auto !important;\n          bottom: 92px !important; /* 56px button + 20px gap + 16px footer */\n          top: auto !important;\n          width: 340px !important;\n          max-width: calc(100vw - 20px) !important;\n          height: auto !important;\n          max-height: calc(100vh - 130px) !important;\n          transform: none !important;\n          margin: 0 !important;\n        }\n        \n        #text-chat-panel .widget-header {\n          padding: 10px 14px").concat(important, ";\n          min-height: 56px").concat(important, ";\n        }\n        \n        #text-chat-panel .header-title {\n          font-size: 15px").concat(important, ";\n        }\n        \n        #text-chat-panel .header-icon {\n          width: 40px").concat(important, ";\n          height: 40px").concat(important, ";\n          min-width: 40px").concat(important, ";\n          min-height: 40px").concat(important, ";\n        }\n        \n        #text-chat-input {\n          font-size: 16px !important; /* Prevents iOS zoom on focus */\n          padding: 12px 16px !important;\n          min-height: 48px !important;\n        }\n        \n        #text-chat-send {\n          min-width: 48px !important;\n          min-height: 48px !important;\n          width: 48px !important;\n          height: 48px !important;\n        }\n        \n      }\n      \n      @media (max-width: 480px) {\n        #text-chat-widget {\n          right: 8px !important;\n          bottom: 8px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n        \n        #text-chat-button-container {\n          width: auto !important;\n          height: auto !important;\n        }\n        \n        #text-chat-panel {\n          right: 8px !important;\n          left: auto !important;\n          bottom: 86px !important; /* 54px button + 20px gap + 12px footer */\n          top: auto !important;\n          width: 340px !important;\n          max-width: calc(100vw - 16px) !important;\n          height: auto !important;\n          max-height: calc(100vh - 120px) !important;\n        }\n        \n        #text-chat-panel .widget-header {\n          padding: 8px 12px").concat(important, ";\n          min-height: 52px").concat(important, ";\n        }\n        \n        #text-chat-panel .header-title {\n          font-size: 14px").concat(important, ";\n        }\n        \n      }\n      \n      ").concat(anim.enableHover ? "\n        #text-chat-button:hover {\n          transform: translateY(-1px);\n        }\n      " : '', "\n      \n      /* Prompt Animation Keyframes */\n      @keyframes widget-shimmer {\n        0% { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n      }\n      \n      @keyframes widget-ripple {\n        0% { transform: scale(1); opacity: 0.6; }\n        100% { transform: scale(2.5); opacity: 0; }\n      }\n      \n      @keyframes widget-float {\n        0%, 100% { transform: translateX(-50%) translateY(0); }\n        50% { transform: translateX(-50%) translateY(-8px); }\n      }\n      \n      @keyframes widget-bounce {\n        0%, 100% { transform: translateX(-50%) translateY(0); }\n        50% { transform: translateX(-50%) translateY(-10px); }\n      }\n      \n      @keyframes widget-pulse-ring {\n        0% { transform: scale(1); opacity: 0.4; }\n        100% { transform: scale(1.8); opacity: 0; }\n      }\n      \n      /* Prompt Bubble Container */\n      #text-chat-button-container {\n        position: fixed").concat(important, ";\n        ").concat(this.config.position.vertical === 'bottom' ? "bottom: ".concat(((_this$config$position = this.config.position.offset) === null || _this$config$position === void 0 ? void 0 : _this$config$position.y) || 20, "px;") : "top: ".concat(((_this$config$position2 = this.config.position.offset) === null || _this$config$position2 === void 0 ? void 0 : _this$config$position2.y) || 20, "px;"), "\n        ").concat(this.config.position.horizontal === 'right' ? "right: ".concat(((_this$config$position3 = this.config.position.offset) === null || _this$config$position3 === void 0 ? void 0 : _this$config$position3.x) || 20, "px;") : "left: ".concat(((_this$config$position4 = this.config.position.offset) === null || _this$config$position4 === void 0 ? void 0 : _this$config$position4.x) || 20, "px;"), "\n        width: auto").concat(important, ";\n        height: auto").concat(important, ";\n        z-index: 10001").concat(important, ";\n        display: flex").concat(important, ";\n        align-items: center").concat(important, ";\n        justify-content: center").concat(important, ";\n      }\n      \n      @media (max-width: 768px) {\n        #text-chat-button-container {\n          right: 10px !important;\n          bottom: 10px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n      }\n      \n      @media (max-width: 480px) {\n        #text-chat-button-container {\n          right: 8px !important;\n          bottom: 8px !important;\n          left: auto !important;\n          top: auto !important;\n        }\n      }\n      \n      /* Prompt Bubble Styles */\n      .prompt-bubble {\n        position: absolute").concat(important, ";\n        z-index: 10002").concat(important, ";\n        pointer-events: none").concat(important, ";\n        white-space: nowrap").concat(important, ";\n      }\n      \n      .prompt-bubble.top {\n        bottom: calc(100% + 18px)").concat(important, ";\n        left: 50%").concat(important, ";\n        transform: translateX(-50%)").concat(important, ";\n      }\n      \n      .prompt-bubble.left {\n        right: calc(100% + 12px)").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n      }\n      \n      .prompt-bubble.right {\n        left: calc(100% + 12px)").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n      }\n      \n      /* Ensure animations preserve horizontal centering for top position */\n      .prompt-bubble.top.animation-bounce {\n        animation: widget-bounce 1s ease-in-out infinite").concat(important, ";\n        transform: translateX(-50%)").concat(important, "; /* Keep centering */\n      }\n      \n      .prompt-bubble.top.animation-float {\n        animation: widget-float 2s ease-in-out infinite").concat(important, ";\n        transform: translateX(-50%)").concat(important, "; /* Keep centering */\n      }\n      \n      .prompt-bubble.top.animation-pulse {\n        animation: pulse 2s ease-in-out infinite").concat(important, ";\n        transform: translateX(-50%)").concat(important, "; /* Keep centering */\n      }\n      \n      .prompt-bubble-content {\n        position: relative").concat(important, ";\n        padding: 8px 16px").concat(important, ";\n        border-radius: 20px").concat(important, ";\n        font-weight: 500").concat(important, ";\n        font-size: 14px").concat(important, ";\n        box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3)").concat(important, ";\n        overflow: hidden").concat(important, ";\n      }\n      \n      .prompt-bubble-shimmer {\n        position: absolute").concat(important, ";\n        inset: 0").concat(important, ";\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent)").concat(important, ";\n        animation: widget-shimmer 2s infinite").concat(important, ";\n      }\n      \n      .prompt-bubble.animation-bounce {\n        animation: widget-bounce 1s ease-in-out infinite").concat(important, ";\n      }\n      \n      .prompt-bubble.animation-pulse {\n        animation: pulse 2s ease-in-out infinite").concat(important, ";\n      }\n      \n      .prompt-bubble.animation-float {\n        animation: widget-float 2s ease-in-out infinite").concat(important, ";\n      }\n      \n      /* Ensure top-positioned bubbles maintain horizontal centering during animations */\n      .prompt-bubble.top.animation-bounce,\n      .prompt-bubble.top.animation-float,\n      .prompt-bubble.top.animation-pulse {\n        /* Animation keyframes already include translateX(-50%) for centering */\n      }\n      \n      /* Prompt Bubble Arrow */\n      .prompt-bubble-arrow {\n        position: absolute").concat(important, ";\n        width: 0").concat(important, ";\n        height: 0").concat(important, ";\n        border: 8px solid transparent").concat(important, ";\n      }\n      \n      .prompt-bubble.top .prompt-bubble-arrow {\n        top: 100%").concat(important, ";\n        left: 50%").concat(important, ";\n        transform: translateX(-50%)").concat(important, ";\n        border-top-color: var(--prompt-bubble-bg-color, #7c3aed)").concat(important, ";\n        border-bottom: none").concat(important, ";\n        margin-left: 0").concat(important, ";\n      }\n      \n      .prompt-bubble.left .prompt-bubble-arrow {\n        left: 100%").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n        border-left-color: var(--prompt-bubble-bg-color, #7c3aed)").concat(important, ";\n        border-right: none").concat(important, ";\n      }\n      \n      .prompt-bubble.right .prompt-bubble-arrow {\n        right: 100%").concat(important, ";\n        top: 50%").concat(important, ";\n        transform: translateY(-50%)").concat(important, ";\n        border-right-color: var(--prompt-bubble-bg-color, #7c3aed)").concat(important, ";\n        border-left: none").concat(important, ";\n      }\n      \n      /* Pulse Rings */\n      .prompt-pulse-rings {\n        position: absolute").concat(important, ";\n        inset: 0").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        pointer-events: none").concat(important, ";\n      }\n      \n      .prompt-pulse-ring {\n        position: absolute").concat(important, ";\n        inset: 0").concat(important, ";\n        border-radius: 50%").concat(important, ";\n        animation: widget-pulse-ring 2s ease-out infinite").concat(important, ";\n      }\n      \n      .prompt-pulse-ring:nth-child(2) {\n        animation-delay: 0.5s").concat(important, ";\n      }\n      \n      /* Mobile adjustments for prompt bubble */\n      @media (max-width: 768px) {\n        .prompt-bubble-content {\n          font-size: 12px").concat(important, ";\n          padding: 6px 12px").concat(important, ";\n        }\n        \n        .prompt-bubble.top {\n          bottom: calc(100% + 14px)").concat(important, ";\n        }\n        \n        .prompt-bubble.left,\n        .prompt-bubble.right {\n          display: none").concat(important, "; /* Hide side prompts on mobile */\n        }\n      }\n      \n      /* Shared panel chrome; size/position differ \u2014 desktop card vs mobile sheet (see @media blocks earlier) */\n      #text-chat-panel {\n        display: none").concat(important, ";\n        position: fixed").concat(important, ";\n        background: ").concat(panelBg, ";\n        border-radius: 20px").concat(important, ";\n        border: ").concat(panel.border || '1px solid rgba(255,255,255,0.08)', ";\n        flex-direction: column").concat(important, ";\n        overflow: hidden").concat(important, ";\n        box-shadow: 0 24px 60px rgba(0,0,0,0.6)").concat(important, ";\n        opacity: 0").concat(important, ";\n        pointer-events: none").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n      }\n\n      /* Desktop / tablet: floating 340px card anchored to launcher */\n      @media (min-width: 769px) {\n        #text-chat-panel {\n          bottom: calc(54px + 24px)").concat(important, "; /* launcher pill + gap */\n          ").concat(this.config.position.horizontal === 'right' ? 'right: 20px;' : 'left: 20px;', "\n          width: 340px").concat(important, ";\n          max-width: calc(100vw - 40px)").concat(important, ";\n          height: auto").concat(important, ";\n          max-height: calc(100vh - 100px)").concat(important, ";\n          transform-origin: bottom right").concat(important, ";\n        }\n        /* Text chat: fixed height so the message list scrolls instead of growing the panel per message */\n        #text-chat-panel:has(.text-interface.active) {\n          height: min(520px, calc(100vh - 100px))").concat(important, ";\n        }\n      }\n      \n      #text-chat-panel.open {\n        display: flex").concat(important, ";\n        opacity: 1").concat(important, ";\n        pointer-events: auto").concat(important, ";\n      }\n\n      /* Shell for panel inner */\n      .widget-shell { width: 100%").concat(important, "; padding: 0").concat(important, "; border-radius: 20px").concat(important, "; background: transparent").concat(important, "; overflow: hidden").concat(important, "; display: flex").concat(important, "; flex-direction: column").concat(important, "; box-sizing: border-box").concat(important, "; flex: 1").concat(important, "; min-height: 0").concat(important, "; }\n      .panel-inner { width: 100%").concat(important, "; background: ").concat(panelBg, "; border-radius: 20px").concat(important, "; border: none").concat(important, "; overflow: hidden").concat(important, "; display:flex").concat(important, "; flex-direction: column").concat(important, "; padding: 0").concat(important, "; box-sizing: border-box").concat(important, "; max-width: 100%").concat(important, "; flex: 1").concat(important, "; min-height: 0").concat(important, "; }\n\n      #text-chat-panel .widget-container {\n        width: 100%").concat(important, "; background: ").concat(panelBg, "; overflow: visible").concat(important, "; display: flex").concat(important, "; flex-direction: column").concat(important, "; border-radius: 20px").concat(important, "; flex: 1").concat(important, "; min-height: 0").concat(important, ";\n      }\n\n      /* Voice idle: one gradient for voice UI + footer (Powered by), not a flat strip under buttons */\n      #text-chat-panel.open:has(").concat(voiceIdleVisibleSelector, ") {\n        background: linear-gradient(160deg, ").concat(idleHeroGrad1, " 0%, ").concat(idleHeroGrad2, " 100%)").concat(important, ";\n      }\n      #text-chat-panel .widget-container:has(").concat(voiceIdleVisibleSelector, ") {\n        background: linear-gradient(160deg, ").concat(idleHeroGrad1, " 0%, ").concat(idleHeroGrad2, " 100%)").concat(important, ";\n      }\n\n      /* Voice active call: same hero gradient as idle + mobile minimized bar */\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel .widget-container:has(").concat(voiceActiveVisibleSelector, ") {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") .widget-shell {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") .panel-inner {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n      #text-chat-panel.open:has(").concat(voiceActiveVisibleSelector, ") .ttp-footer {\n        background: ").concat(callActivePanelBg).concat(important, ";\n      }\n\n      ").concat(textUsesVoiceTheme ? "\n      /* Text chat with voice theme: same hero surface as voice idle; inner shells transparent */\n      #text-chat-panel.open:has(.text-interface.active) {\n        background: ".concat(callSurfaceGradient).concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .widget-shell,\n      #text-chat-panel.open:has(.text-interface.active) .panel-inner,\n      #text-chat-panel.open:has(.text-interface.active) .widget-container {\n        background: transparent").concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .ttp-footer {\n        background: transparent").concat(important, ";\n        border-top-color: rgba(255,255,255,0.06)").concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .ttp-footer span {\n        color: rgba(255,255,255,0.35)").concat(important, ";\n      }\n      #text-chat-panel.open:has(.text-interface.active) .ttp-footer a {\n        color: ").concat(footerLinkOnDarkHero).concat(important, ";\n      }\n      ") : '', "\n      \n      /* Voice may scroll as a whole; text chat keeps a fixed shell and scrolls #messagesContainer only */\n      #text-chat-panel .widget-container > .voice-interface {\n        flex: 1").concat(important, ";\n        min-height: 0").concat(important, ";\n        overflow-y: auto").concat(important, ";\n        overflow-x: visible").concat(important, ";\n      }\n      #text-chat-panel .widget-container > .text-interface {\n        flex: 1").concat(important, ";\n        min-height: 0").concat(important, ";\n        overflow: hidden").concat(important, ";\n        overflow-x: visible").concat(important, ";\n      }\n      \n      /* Header is removed in new design - hero serves as header */\n      #text-chat-panel .widget-header { display: none").concat(important, "; }\n\n      ").concat(showVoice ? this.voiceInterface.generateCSS() : '', "\n      ").concat(showText ? this.textInterface.generateCSS() : '', "\n      \n      /* Footer Branding */\n      .ttp-footer {\n        padding: 6px 18px 10px").concat(important, ";\n        border-top: 1px solid ").concat(footerBorderColor, ";\n        display: flex").concat(important, ";\n        justify-content: center").concat(important, ";\n        flex-shrink: 0").concat(important, ";\n        box-sizing: border-box").concat(important, ";\n        background: transparent").concat(important, ";\n      }\n      .ttp-footer span { font-size: 10px").concat(important, "; color: ").concat(footerTextColor, "; }\n      .ttp-footer a { color: ").concat(footerLinkColor, "; text-decoration: none").concat(important, "; font-weight: 600").concat(important, "; }\n      .ttp-footer a:hover { opacity: 0.85").concat(important, "; }\n      .ttp-footer a b { font-weight: 700").concat(important, "; }\n      \n      #text-chat-send-hint {\n        text-align: center").concat(important, ";\n        line-height: 1.4").concat(important, ";\n      }\n      \n      .agent-thinking {\n        font-style: italic").concat(important, ";\n        color: #6B7280").concat(important, ";\n      }\n\n      /* ========================================\n         MOBILE PILL BUTTON & LANDING OVERLAY\n         Hidden on desktop, shown on mobile only\n         ======================================== */\n      .ttp-mobile-fab {\n        display: none").concat(important, ";\n      }\n\n      .ttp-mobile-landing {\n        display: none").concat(important, ";\n      }\n\n      @keyframes ttpWaveAnimation {\n        0%, 100% { transform: scaleY(0.4); }\n        50% { transform: scaleY(1); }\n      }\n\n      @keyframes ttpPulseAnimation {\n        0%, 100% { opacity: 1; }\n        50% { opacity: 0.5; }\n      }\n\n      @media (max-width: 768px) {\n        /* Hide desktop pill button on mobile */\n        #text-chat-button {\n          display: none !important;\n        }\n\n        /* Re-flow the container for pill shape */\n        #text-chat-button-container {\n          width: auto !important;\n          height: auto !important;\n          min-width: 0 !important;\n          min-height: 0 !important;\n          max-width: none !important;\n          max-height: none !important;\n        }\n\n        /* Show mobile pill button */\n        .ttp-mobile-fab {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 10px").concat(important, ";\n          padding: 10px 16px 10px 12px").concat(important, ";\n          background: ").concat(pillGradient, ";\n          border: none").concat(important, ";\n          border-radius: 24px").concat(important, ";\n          cursor: pointer").concat(important, ";\n          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3)").concat(important, ";\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)").concat(important, ";\n          z-index: 1").concat(important, ";\n          font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif").concat(important, ";\n          touch-action: manipulation").concat(important, ";\n          -webkit-tap-highlight-color: transparent").concat(important, ";\n        }\n\n        .ttp-mobile-fab:hover {\n          transform: translateY(-3px)").concat(important, ";\n          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4)").concat(important, ";\n        }\n\n        .ttp-mobile-fab__icon-wrap {\n          width: 36px").concat(important, ";\n          height: 36px").concat(important, ";\n          border-radius: 50%").concat(important, ";\n          background: rgba(255, 255, 255, 0.15)").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-fab__waveform {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 2px").concat(important, ";\n          height: 16px").concat(important, ";\n        }\n\n        .ttp-mobile-fab__waveform .bar {\n          width: 2px").concat(important, ";\n          background: #fff").concat(important, ";\n          border-radius: 1px").concat(important, ";\n          animation: ttpWaveAnimation 0.8s ease-in-out infinite").concat(important, ";\n        }\n\n        .ttp-mobile-fab__waveform .bar:nth-child(1) { height: 5px").concat(important, "; animation-delay: 0s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(2) { height: 10px").concat(important, "; animation-delay: 0.1s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(3) { height: 16px").concat(important, "; animation-delay: 0.2s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(4) { height: 8px").concat(important, "; animation-delay: 0.3s").concat(important, "; }\n        .ttp-mobile-fab__waveform .bar:nth-child(5) { height: 12px").concat(important, "; animation-delay: 0.4s").concat(important, "; }\n\n        .ttp-mobile-fab__label-wrap {\n          display: flex").concat(important, ";\n          flex-direction: column").concat(important, ";\n          align-items: flex-start").concat(important, ";\n          gap: 1px").concat(important, ";\n        }\n\n        .ttp-mobile-fab__label {\n          color: ").concat(pillTextColor, ";\n          font-size: 14px").concat(important, ";\n          font-weight: 600").concat(important, ";\n          line-height: 1.2").concat(important, ";\n        }\n\n        .ttp-mobile-fab__status {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 4px").concat(important, ";\n          font-size: 11px").concat(important, ";\n          color: ").concat(pillTextColor, "b3;\n          line-height: 1.2").concat(important, ";\n        }\n\n        .ttp-mobile-fab__dot {\n          width: 6px").concat(important, ";\n          height: 6px").concat(important, ";\n          background: ").concat(pillDotColor, ";\n          border-radius: 50%").concat(important, ";\n          box-shadow: 0 0 6px ").concat(pillDotColor, "99;\n        }\n\n        /* ---- Mobile Landing Overlay ---- */\n        .ttp-mobile-landing.active {\n          display: block").concat(important, ";\n          position: fixed").concat(important, ";\n          bottom: 16px").concat(important, ";\n          left: 12px").concat(important, ";\n          right: 12px").concat(important, ";\n          background: ").concat(pillGradient, ";\n          border-radius: 20px").concat(important, ";\n          overflow: hidden").concat(important, ";\n          box-shadow:\n            0 10px 40px rgba(0, 0, 0, 0.3),\n            0 0 0 1px rgba(255, 255, 255, 0.1) inset").concat(important, ";\n          z-index: 10002").concat(important, ";\n          font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif").concat(important, ";\n        }\n\n        .ttp-mobile-landing::before {\n          content: ''").concat(important, ";\n          position: absolute").concat(important, ";\n          top: 0").concat(important, ";\n          left: 0").concat(important, ";\n          right: 0").concat(important, ";\n          height: 1px").concat(important, ";\n          background: linear-gradient(90deg,\n            transparent 0%,\n            rgba(255, 255, 255, 0.3) 50%,\n            transparent 100%);\n        }\n\n        .ttp-mobile-landing__header {\n          padding: 14px 16px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 12px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__avatar {\n          width: 44px").concat(important, ";\n          height: 44px").concat(important, ";\n          border-radius: 12px").concat(important, ";\n          background: rgba(255, 255, 255, 0.15)").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__waveform {\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 3px").concat(important, ";\n          height: 20px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__waveform .bar {\n          width: 3px").concat(important, ";\n          background: rgba(255, 255, 255, 0.9)").concat(important, ";\n          border-radius: 2px").concat(important, ";\n          animation: ttpWaveAnimation 0.8s ease-in-out infinite").concat(important, ";\n        }\n\n        .ttp-mobile-landing__waveform .bar:nth-child(1) { height: 6px").concat(important, "; animation-delay: 0s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(2) { height: 12px").concat(important, "; animation-delay: 0.1s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(3) { height: 20px").concat(important, "; animation-delay: 0.2s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(4) { height: 10px").concat(important, "; animation-delay: 0.3s").concat(important, "; }\n        .ttp-mobile-landing__waveform .bar:nth-child(5) { height: 16px").concat(important, "; animation-delay: 0.4s").concat(important, "; }\n\n        .ttp-mobile-landing__info {\n          flex: 1").concat(important, ";\n          min-width: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__name {\n          color: #fff").concat(important, ";\n          font-size: 15px").concat(important, ";\n          font-weight: 600").concat(important, ";\n          margin-bottom: 2px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__status {\n          color: rgba(255, 255, 255, 0.7)").concat(important, ";\n          font-size: 12px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 5px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__dot {\n          width: 6px").concat(important, ";\n          height: 6px").concat(important, ";\n          background: ").concat(header.onlineIndicatorDotColor || '#10b981', ";\n          border-radius: 50%").concat(important, ";\n          animation: ttpPulseAnimation 2s ease-in-out infinite").concat(important, ";\n        }\n\n        .ttp-mobile-landing__close {\n          width: 32px").concat(important, ";\n          height: 32px").concat(important, ";\n          border-radius: 10px").concat(important, ";\n          background: rgba(255, 255, 255, 0.1)").concat(important, ";\n          border: none").concat(important, ";\n          color: rgba(255, 255, 255, 0.7)").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          cursor: pointer").concat(important, ";\n          transition: all 0.2s").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__close:hover {\n          background: rgba(255, 255, 255, 0.2)").concat(important, ";\n          color: #fff").concat(important, ";\n        }\n\n        .ttp-mobile-landing__error {\n          margin: 0 14px 10px").concat(important, ";\n          padding: 10px 12px").concat(important, ";\n          background: #fef2f2").concat(important, ";\n          border: 1px solid #fecaca").concat(important, ";\n          border-radius: 10px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: flex-start").concat(important, ";\n          gap: 8px").concat(important, ";\n          color: #b91c1c").concat(important, ";\n          font-size: 13px").concat(important, ";\n          line-height: 1.4").concat(important, ";\n        }\n        .ttp-mobile-landing__error svg {\n          flex-shrink: 0").concat(important, ";\n          margin-top: 1px").concat(important, ";\n          stroke: #dc2626").concat(important, ";\n        }\n\n        .ttp-mobile-landing__actions {\n          padding: 0 14px 14px").concat(important, ";\n          display: flex").concat(important, ";\n          gap: 10px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn {\n          flex: 1").concat(important, ";\n          padding: 14px").concat(important, ";\n          border-radius: 12px").concat(important, ";\n          border: none").concat(important, ";\n          cursor: pointer").concat(important, ";\n          font-family: inherit").concat(important, ";\n          font-size: 14px").concat(important, ";\n          font-weight: 600").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          justify-content: center").concat(important, ";\n          gap: 10px").concat(important, ";\n          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1)").concat(important, ";\n          touch-action: manipulation").concat(important, ";\n          -webkit-tap-highlight-color: transparent").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn svg {\n          width: 20px").concat(important, ";\n          height: 20px").concat(important, ";\n          flex-shrink: 0").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--call {\n          background: #fff").concat(important, ";\n          color: ").concat(header.backgroundColor || '#7C3AED', ";\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--call:hover {\n          transform: translateY(-2px)").concat(important, ";\n          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--text {\n          background: rgba(255, 255, 255, 0.15)").concat(important, ";\n          color: #fff").concat(important, ";\n          border: 1px solid rgba(255, 255, 255, 0.1)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__btn--text:hover {\n          background: rgba(255, 255, 255, 0.2)").concat(important, ";\n          border-color: rgba(255, 255, 255, 0.2)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__footer {\n          padding: 10px 16px").concat(important, ";\n          display: flex").concat(important, ";\n          justify-content: center").concat(important, ";\n          border-top: 1px solid rgba(255, 255, 255, 0.08)").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered {\n          color: rgba(255, 255, 255, 0.4)").concat(important, ";\n          font-size: 11px").concat(important, ";\n          display: flex").concat(important, ";\n          align-items: center").concat(important, ";\n          gap: 4px").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered svg {\n          width: 10px").concat(important, ";\n          height: 10px").concat(important, ";\n          color: #f59e0b").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered a {\n          color: ").concat(footerLinkColor).concat(important, ";\n          text-decoration: none").concat(important, ";\n        }\n\n        .ttp-mobile-landing__powered a:hover {\n          opacity: 0.88").concat(important, ";\n        }\n      }\n    ");
     }
   }, {
     key: "setupWidgetEvents",
@@ -33655,6 +33823,38 @@ var TTPChatWidget = /*#__PURE__*/function () {
           closeMobileLanding();
         }
       });
+
+      // Responsive breakpoint handler: keep desktop panel and mobile FAB/landing mutually exclusive
+      var _prevIsMobile = window.innerWidth <= 768;
+      var _resizeTimer = null;
+      window.addEventListener('resize', function () {
+        clearTimeout(_resizeTimer);
+        _resizeTimer = setTimeout(function () {
+          var nowMobile = window.innerWidth <= 768;
+          if (nowMobile === _prevIsMobile) return;
+          _prevIsMobile = nowMobile;
+          if (nowMobile) {
+            // Switched desktop → mobile: close desktop panel so only mobile FAB shows
+            if (_this0.isOpen) {
+              var _this0$shadowRoot, _this0$shadowRoot2;
+              var panel = (_this0$shadowRoot = _this0.shadowRoot) === null || _this0$shadowRoot === void 0 ? void 0 : _this0$shadowRoot.getElementById('text-chat-panel');
+              if (panel) {
+                panel.classList.remove('open');
+                _this0.isOpen = false;
+              }
+              var pill = (_this0$shadowRoot2 = _this0.shadowRoot) === null || _this0$shadowRoot2 === void 0 ? void 0 : _this0$shadowRoot2.getElementById('text-chat-button');
+              if (pill) pill.classList.remove('open');
+            }
+          } else {
+            // Switched mobile → desktop: close mobile landing/FAB so only desktop pill shows
+            if (_this0.isMobileLandingOpen) {
+              closeMobileLanding();
+            }
+            // Ensure mobile FAB is reset to CSS-controlled state (media query hides it on desktop)
+            if (mobileFab) mobileFab.style.removeProperty('display');
+          }
+        }, 150);
+      });
     }
   }, {
     key: "setupKeyboardNavigation",