ttp-agent-sdk 2.45.4 → 2.45.7

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-12T20:23:48.560Z";
+        helloMessage.lastBuildTime = "2026-06-14T07:18:03.004Z";
       }
       try {
         this.ws.send(JSON.stringify(helloMessage));
@@ -19976,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.2";
-var BUILD_TIME = "2026-06-12T20:23:48.560Z";
+var VERSION = "2.45.7";
+var BUILD_TIME = "2026-06-14T07:18:03.004Z";
 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
@@ -22902,208 +23039,300 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * DOM Context Extraction
- * 
- * Extracts structured information about interactive elements on the page
- * to provide context to the LLM for visual assistance.
+ *
+ * Extracts the actual readable content of the page — text, headings, code
+ * blocks, lists — plus interactive elements (buttons, forms, links) for
+ * navigation and action context.
  */
 
 
-
-// Default limits to prevent token explosion
 var DEFAULT_LIMITS = {
+  maxContentLength: 8000,
+  // chars of main text content
+  maxCodeBlockLength: 600,
+  // chars per code block
   buttons: 20,
   links: 30,
   forms: 5,
   fieldsPerForm: 15,
-  sections: 10,
-  headings: 15,
-  maxTextLength: 100,
-  maxSummaryLength: 150
+  maxTextLength: 100 // per interactive element label
 };
 
-/**
- * Generate a unique, stable CSS selector for an element
- * Prioritizes stable attributes over auto-generated IDs
- * 
- * @param {HTMLElement} element - The element to generate selector for
- * @returns {string} - CSS selector string
- */
-function generateSelector(element) {
-  var _element$dataset, _element$dataset2;
-  if (!element || !element.tagName) return null;
-
-  // Priority 1: data-testid (designed to be stable)
-  if ((_element$dataset = element.dataset) !== null && _element$dataset !== void 0 && _element$dataset.testid) {
-    return "[data-testid=\"".concat(element.dataset.testid, "\"]");
-  }
-
-  // Priority 2: data-cy (Cypress test attribute)
-  if ((_element$dataset2 = element.dataset) !== null && _element$dataset2 !== void 0 && _element$dataset2.cy) {
-    return "[data-cy=\"".concat(element.dataset.cy, "\"]");
-  }
-
-  // Priority 3: aria-label (accessibility, usually stable)
-  var ariaLabel = element.getAttribute('aria-label');
-  if (ariaLabel && ariaLabel.length < 50) {
-    return "[aria-label=\"".concat(ariaLabel.replace(/"/g, '\\"'), "\"]");
-  }
-
-  // Priority 4: Stable ID (not auto-generated)
-  if (element.id && !isAutoGeneratedId(element.id)) {
-    return "#".concat(CSS.escape(element.id));
-  }
-
-  // Priority 5: name attribute (for form fields)
-  if (element.name) {
-    var tag = element.tagName.toLowerCase();
-    return "".concat(tag, "[name=\"").concat(element.name, "\"]");
-  }
+// ─── Noise exclusion ────────────────────────────────────────────────────────
+
+var NOISE_TAGS = new Set(['nav', 'header', 'footer', 'aside', 'script', 'style', 'noscript', 'svg', 'canvas', 'iframe']);
+var NOISE_ROLES = new Set(['navigation', 'banner', 'complementary', 'search']);
+function isNoise(el) {
+  if (NOISE_TAGS.has(el.tagName.toLowerCase())) return true;
+  var role = el.getAttribute('role');
+  if (role && NOISE_ROLES.has(role)) return true;
+  var cls = el.className || '';
+  // Common sidebar/nav class patterns
+  if (/\b(sidebar|navbar|topbar|breadcrumb|cookie|toast|modal-backdrop)\b/i.test(cls)) return true;
+  return false;
+}
 
-  // Priority 6: Unique text content for buttons/links
-  if (['BUTTON', 'A'].includes(element.tagName)) {
-    var _element$innerText;
-    var text = (_element$innerText = element.innerText) === null || _element$innerText === void 0 ? void 0 : _element$innerText.trim();
-    if (text && text.length < 30 && text.length > 0) {
-      var _tag = element.tagName.toLowerCase();
-      // Check if this text is unique on the page
-      var matches = document.querySelectorAll("".concat(_tag));
-      var sameTextCount = Array.from(matches).filter(function (el) {
-        var _el$innerText;
-        return ((_el$innerText = el.innerText) === null || _el$innerText === void 0 ? void 0 : _el$innerText.trim()) === text;
-      }).length;
-      if (sameTextCount === 1) {
-        return "".concat(_tag, ":contains(\"").concat(text.replace(/"/g, '\\"'), "\")");
-      }
-    }
-  }
+// ─── Visibility ──────────────────────────────────────────────────────────────
 
-  // Priority 7: Build path from stable ancestors
-  return buildPathSelector(element);
+function isVisible(el) {
+  if (!el) return false;
+  var style = window.getComputedStyle(el);
+  return style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0' && el.offsetWidth > 0 && el.offsetHeight > 0;
+}
+function isInViewport(el) {
+  var buffer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  var rect = el.getBoundingClientRect();
+  return rect.bottom >= -buffer && rect.top <= window.innerHeight + buffer && rect.right >= 0 && rect.left <= window.innerWidth;
 }
 
-/**
- * Check if an ID looks auto-generated (React, Angular, Vue, etc.)
- */
+// ─── Selector generation (kept for interactive elements) ─────────────────────
+
 function isAutoGeneratedId(id) {
-  var autoGenPatterns = [/^:r[0-9a-z]+:$/,
-  // React 18+ useId
-  /^react-/i,
-  // React
-  /^ng-/i,
-  // Angular
-  /^vue-/i,
-  // Vue
-  /^ember[0-9]+/i,
-  // Ember
-  /^_[a-z0-9]{8,}$/i,
-  // Generic hash IDs
-  /^[a-f0-9]{8}-[a-f0-9]{4}/i,
-  // UUID-like
-  /^uid-/i,
-  // Generic UID
-  /^id[0-9]+$/i // Generic numbered IDs
-  ];
-  return autoGenPatterns.some(function (pattern) {
-    return pattern.test(id);
+  return /^(:r[0-9a-z]+:|react-|ng-|vue-|ember[0-9]+|_[a-z0-9]{8,}|[a-f0-9]{8}-[a-f0-9]{4}|uid-|id[0-9]+$)/i.test(id);
+}
+function getMeaningfulClass(el) {
+  var utilityPatterns = [/^(flex|grid|block|inline|hidden)$/, /^(m|p|w|h|min|max)-/, /^(text|font|bg|border)-/, /^(col|row)-/, /^(sm|md|lg|xl|2xl):/, /^hover:|focus:|active:/, /^[a-z]{1,3}-[0-9]+$/];
+  var classes = Array.from(el.classList || []);
+  var meaningful = classes.filter(function (cls) {
+    return !utilityPatterns.some(function (p) {
+      return p.test(cls);
+    }) && cls.length > 2 && cls.length < 30;
   });
+  return meaningful[0] || null;
 }
-
-/**
- * Build a selector path from ancestors
- */
-function buildPathSelector(element) {
+function buildPathSelector(el) {
   var maxDepth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   var path = [];
-  var current = element;
+  var cur = el;
   var depth = 0;
-  while (current && current !== document.body && depth < maxDepth) {
-    var tag = current.tagName.toLowerCase();
-
-    // Try to add distinguishing info
-    if (current.id && !isAutoGeneratedId(current.id)) {
-      path.unshift("#".concat(CSS.escape(current.id)));
-      break; // ID is unique, stop here
-    }
-
-    // Add class if it seems meaningful
-    var meaningfulClass = getMeaningfulClass(current);
-    if (meaningfulClass) {
-      path.unshift("".concat(tag, ".").concat(meaningfulClass));
+  while (cur && cur !== document.body && depth < maxDepth) {
+    var tag = cur.tagName.toLowerCase();
+    if (cur.id && !isAutoGeneratedId(cur.id)) {
+      path.unshift("#".concat(CSS.escape(cur.id)));
+      break;
+    }
+    var cls = getMeaningfulClass(cur);
+    if (cls) {
+      path.unshift("".concat(tag, ".").concat(cls));
     } else {
-      var _current$parentElemen;
-      // Add nth-child if needed
-      var siblings = (_current$parentElemen = current.parentElement) === null || _current$parentElemen === void 0 ? void 0 : _current$parentElemen.children;
+      var _cur$parentElement;
+      var siblings = (_cur$parentElement = cur.parentElement) === null || _cur$parentElement === void 0 ? void 0 : _cur$parentElement.children;
       if (siblings && siblings.length > 1) {
-        var index = Array.from(siblings).indexOf(current) + 1;
-        path.unshift("".concat(tag, ":nth-child(").concat(index, ")"));
+        var idx = Array.from(siblings).indexOf(cur) + 1;
+        path.unshift("".concat(tag, ":nth-child(").concat(idx, ")"));
       } else {
         path.unshift(tag);
       }
     }
-    current = current.parentElement;
+    cur = cur.parentElement;
     depth++;
   }
   return path.join(' > ');
 }
+function generateSelector(el) {
+  var _el$dataset, _el$dataset2;
+  if (!el || !el.tagName) return null;
+  if ((_el$dataset = el.dataset) !== null && _el$dataset !== void 0 && _el$dataset.testid) return "[data-testid=\"".concat(el.dataset.testid, "\"]");
+  if ((_el$dataset2 = el.dataset) !== null && _el$dataset2 !== void 0 && _el$dataset2.cy) return "[data-cy=\"".concat(el.dataset.cy, "\"]");
+  var aria = el.getAttribute('aria-label');
+  if (aria && aria.length < 50) return "[aria-label=\"".concat(aria.replace(/"/g, '\\"'), "\"]");
+  if (el.id && !isAutoGeneratedId(el.id)) return "#".concat(CSS.escape(el.id));
+  if (el.name) return "".concat(el.tagName.toLowerCase(), "[name=\"").concat(el.name, "\"]");
+  if (['BUTTON', 'A'].includes(el.tagName)) {
+    var _el$innerText;
+    var text = (_el$innerText = el.innerText) === null || _el$innerText === void 0 ? void 0 : _el$innerText.trim();
+    if (text && text.length < 30) {
+      var tag = el.tagName.toLowerCase();
+      var matches = document.querySelectorAll(tag);
+      if (Array.from(matches).filter(function (e) {
+        var _e$innerText;
+        return ((_e$innerText = e.innerText) === null || _e$innerText === void 0 ? void 0 : _e$innerText.trim()) === text;
+      }).length === 1) {
+        return "".concat(tag, ":contains(\"").concat(text.replace(/"/g, '\\"'), "\")");
+      }
+    }
+  }
+  return buildPathSelector(el);
+}
+
+// ─── Main content extraction ─────────────────────────────────────────────────
 
 /**
- * Get a meaningful class name (not utility classes)
+ * Find the best container element that holds the page's primary content.
+ * Tries progressively wider selectors; falls back to document.body.
  */
-function getMeaningfulClass(element) {
-  var classes = Array.from(element.classList || []);
-
-  // Skip utility class patterns (Tailwind, Bootstrap, etc.)
-  var utilityPatterns = [/^(flex|grid|block|inline|hidden)$/, /^(m|p|w|h|min|max)-/,
-  // Spacing/sizing
-  /^(text|font|bg|border)-/,
-  // Typography/colors
-  /^(col|row)-/,
-  // Grid
-  /^(sm|md|lg|xl|2xl):/,
-  // Responsive
-  /^hover:|focus:|active:/,
-  // States
-  /^[a-z]{1,3}-[0-9]+$/ // Generic utilities
-  ];
-  var meaningfulClasses = classes.filter(function (cls) {
-    return !utilityPatterns.some(function (pattern) {
-      return pattern.test(cls);
-    }) && cls.length > 2 && cls.length < 30;
-  });
-  return meaningfulClasses[0] || null;
+function findContentRoot() {
+  var candidates = ['article', '[role="article"]', 'main', '[role="main"]', '.prose', '.markdown-body', '.content', '#content', '#main-content', '#main'];
+  for (var _i = 0, _candidates = candidates; _i < _candidates.length; _i++) {
+    var sel = _candidates[_i];
+    try {
+      var el = document.querySelector(sel);
+      if (el && isVisible(el)) return el;
+    } catch (_unused) {}
+  }
+  return document.body;
 }
 
 /**
- * Check if element is in or near viewport
+ * Walk the content root and emit structured content items.
+ * Skips noise elements (nav, header, aside…).
+ *
+ * Returns an array of items:
+ *   { type: 'heading', level: 'h2', text: '...' }
+ *   { type: 'text', text: '...' }
+ *   { type: 'code', lang: 'bash', text: '...' }
+ *   { type: 'listItem', text: '...' }
  */
-function isInViewport(element) {
-  var buffer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
-  var rect = element.getBoundingClientRect();
-  return rect.bottom >= -buffer && rect.top <= window.innerHeight + buffer && rect.right >= 0 && rect.left <= window.innerWidth;
+function walkContent(root, limits) {
+  var items = [];
+  var charCount = 0;
+  var BLOCK_TAGS = new Set(['p', 'li', 'dt', 'dd', 'td', 'th', 'blockquote', 'figcaption']);
+  var HEADING_TAGS = new Set(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);
+  function walk(node) {
+    if (charCount >= limits.maxContentLength) return;
+    if (node.nodeType !== Node.ELEMENT_NODE) return;
+    var tag = node.tagName.toLowerCase();
+
+    // Skip noise subtrees entirely
+    if (isNoise(node)) return;
+    if (!isVisible(node)) return;
+
+    // Heading → new section marker
+    if (HEADING_TAGS.has(tag)) {
+      var text = (node.innerText || '').trim();
+      if (text) {
+        items.push({
+          type: 'heading',
+          level: tag,
+          text: text
+        });
+        charCount += text.length;
+      }
+      return; // don't recurse — heading text already captured
+    }
+
+    // Code block
+    if (tag === 'pre') {
+      var codeEl = node.querySelector('code');
+      var raw = (codeEl || node).innerText || '';
+      var _text = raw.trim().substring(0, limits.maxCodeBlockLength);
+      if (_text) {
+        var _match;
+        var lang = ((_match = ((codeEl === null || codeEl === void 0 ? void 0 : codeEl.className) || '').match(/language-(\w+)/)) === null || _match === void 0 ? void 0 : _match[1]) || '';
+        items.push({
+          type: 'code',
+          lang: lang,
+          text: _text
+        });
+        charCount += _text.length;
+      }
+      return;
+    }
+
+    // Inline code (not inside pre)
+    if (tag === 'code' && node.closest('pre') === null) {
+      // Let the parent block pick it up via innerText
+      return;
+    }
+
+    // Block-level text elements
+    if (BLOCK_TAGS.has(tag)) {
+      var _node$parentElement;
+      // Skip if nested inside another block (e.g. <p> inside <blockquote> handled by blockquote)
+      var parentTag = (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.tagName.toLowerCase();
+      if (tag !== 'blockquote' && BLOCK_TAGS.has(parentTag) && parentTag !== 'li') return;
+      var _text2 = (node.innerText || '').trim();
+      if (_text2) {
+        var type = tag === 'li' ? 'listItem' : 'text';
+        var truncated = _text2.substring(0, 400);
+        items.push({
+          type: type,
+          text: truncated
+        });
+        charCount += truncated.length;
+      }
+      return; // innerText already captures children
+    }
+
+    // Container — recurse into children
+    var _iterator = _createForOfIteratorHelper(node.children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var child = _step.value;
+        if (charCount >= limits.maxContentLength) break;
+        walk(child);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  walk(root);
+  return items;
 }
 
 /**
- * Check if element is visible (not hidden)
+ * Convert structured content items into a readable flat string,
+ * organised by heading sections.
  */
-function isVisible(element) {
-  if (!element) return false;
-  var style = window.getComputedStyle(element);
-  return style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0' && element.offsetWidth > 0 && element.offsetHeight > 0;
+function itemsToText(items) {
+  var text = '';
+  var _iterator2 = _createForOfIteratorHelper(items),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      switch (item.type) {
+        case 'heading':
+          text += "\n".concat('#'.repeat(parseInt(item.level[1])), " ").concat(item.text, "\n");
+          break;
+        case 'text':
+          text += "".concat(item.text, "\n");
+          break;
+        case 'listItem':
+          text += "\u2022 ".concat(item.text, "\n");
+          break;
+        case 'code':
+          text += "```".concat(item.lang, "\n").concat(item.text, "\n```\n");
+          break;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return text.trim();
 }
 
 /**
- * Extract buttons from the page
+ * Extract the main readable content of the page.
  */
-function extractButtons() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
+function extractMainContent(limits) {
+  var root = findContentRoot();
+  var items = walkContent(root, limits);
+  var text = itemsToText(items);
+  var truncated = text.length >= limits.maxContentLength;
+  return {
+    text: text,
+    items: items,
+    truncated: truncated,
+    sourceElement: root.tagName.toLowerCase() + (root.id ? "#".concat(root.id) : '') + (getMeaningfulClass(root) ? ".".concat(getMeaningfulClass(root)) : '')
+  };
+}
+
+// ─── Interactive elements ─────────────────────────────────────────────────────
+
+function extractButtons(limits) {
   var buttons = [];
-  var selector = 'button, [type="submit"], [type="button"], [role="button"], .btn, .button';
-  var elements = document.querySelectorAll(selector);
-  var _iterator = _createForOfIteratorHelper(elements),
-    _step;
+  var els = document.querySelectorAll('button, [type="submit"], [type="button"], [role="button"], .btn, .button');
+  var _iterator3 = _createForOfIteratorHelper(els),
+    _step3;
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var el = _step.value;
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var el = _step3.value;
       if (buttons.length >= limits.buttons) break;
       if (!isVisible(el)) continue;
       var text = (el.innerText || el.value || el.getAttribute('aria-label') || '').trim();
@@ -23117,101 +23346,76 @@ function extractButtons() {
       });
     }
   } catch (err) {
-    _iterator.e(err);
+    _iterator3.e(err);
   } finally {
-    _iterator.f();
+    _iterator3.f();
   }
   return buttons;
 }
-
-/**
- * Extract links from the page
- */
-function extractLinks() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
+function extractLinks(limits) {
   var links = [];
-  var elements = document.querySelectorAll('a[href]');
-  var currentOrigin = window.location.origin;
-  var _iterator2 = _createForOfIteratorHelper(elements),
-    _step2;
+  var els = document.querySelectorAll('a[href]');
+  var origin = window.location.origin;
+  var _iterator4 = _createForOfIteratorHelper(els),
+    _step4;
   try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var el = _step2.value;
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var el = _step4.value;
       if (links.length >= limits.links) break;
       if (!isVisible(el)) continue;
       var text = (el.innerText || el.getAttribute('aria-label') || '').trim();
       if (!text || text.length < 2) continue;
-
-      // Skip anchor links and javascript:void
       var href = el.href;
       if (!href || href.startsWith('javascript:') || href === '#') continue;
-      var isInternal = false;
+      var internal = false;
       try {
-        isInternal = new URL(href).origin === currentOrigin;
-      } catch (_unused) {}
+        internal = new URL(href).origin === origin;
+      } catch (_unused2) {}
       links.push({
         selector: generateSelector(el),
         text: text.substring(0, limits.maxTextLength),
         href: href,
-        internal: isInternal,
+        internal: internal,
         inViewport: isInViewport(el, 0)
       });
     }
   } catch (err) {
-    _iterator2.e(err);
+    _iterator4.e(err);
   } finally {
-    _iterator2.f();
+    _iterator4.f();
   }
   return links;
 }
-
-/**
- * Extract forms from the page (with sensitive field filtering)
- */
-function extractForms() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
+function extractForms(limits) {
   var forms = [];
-  var elements = document.querySelectorAll('form');
   var sensitiveCount = 0;
-  var _iterator3 = _createForOfIteratorHelper(elements),
-    _step3;
+  var _iterator5 = _createForOfIteratorHelper(document.querySelectorAll('form')),
+    _step5;
   try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var form = _step3.value;
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var form = _step5.value;
       if (forms.length >= limits.forms) break;
       if (!isVisible(form)) continue;
       var fields = [];
-      var fieldElements = form.querySelectorAll('input, textarea, select');
-      var _iterator4 = _createForOfIteratorHelper(fieldElements),
-        _step4;
+      var _iterator6 = _createForOfIteratorHelper(form.querySelectorAll('input, textarea, select')),
+        _step6;
       try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
           var _label, _field$placeholder;
-          var field = _step4.value;
+          var field = _step6.value;
           if (fields.length >= limits.fieldsPerForm) break;
-
-          // Skip hidden fields
           if (field.type === 'hidden') continue;
-
-          // IMPORTANT: Filter sensitive fields
           if ((0,_sensitive_filter_js__WEBPACK_IMPORTED_MODULE_0__.isSensitiveField)(field)) {
             sensitiveCount++;
             continue;
           }
-
-          // Get label
           var label = null;
           if (field.id) {
-            var _labelEl$innerText;
-            var labelEl = document.querySelector("label[for=\"".concat(field.id, "\"]"));
-            label = labelEl === null || labelEl === void 0 || (_labelEl$innerText = labelEl.innerText) === null || _labelEl$innerText === void 0 ? void 0 : _labelEl$innerText.trim();
-          }
-          if (!label && field.getAttribute('aria-label')) {
-            label = field.getAttribute('aria-label');
-          }
-          if (!label && field.placeholder) {
-            label = field.placeholder;
+            var _lEl$innerText;
+            var lEl = document.querySelector("label[for=\"".concat(field.id, "\"]"));
+            label = lEl === null || lEl === void 0 || (_lEl$innerText = lEl.innerText) === null || _lEl$innerText === void 0 ? void 0 : _lEl$innerText.trim();
           }
+          label = label || field.getAttribute('aria-label') || field.placeholder || null;
           fields.push({
             selector: generateSelector(field),
             name: field.name || null,
@@ -23219,15 +23423,14 @@ function extractForms() {
             label: ((_label = label) === null || _label === void 0 ? void 0 : _label.substring(0, 50)) || null,
             placeholder: ((_field$placeholder = field.placeholder) === null || _field$placeholder === void 0 ? void 0 : _field$placeholder.substring(0, 50)) || null,
             required: field.required || false
-            // NEVER include value for security
           });
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator6.e(err);
       } finally {
-        _iterator4.f();
+        _iterator6.f();
       }
-      if (fields.length === 0) continue;
+      if (!fields.length) continue;
       forms.push({
         selector: generateSelector(form),
         id: form.id || null,
@@ -23237,9 +23440,9 @@ function extractForms() {
       });
     }
   } catch (err) {
-    _iterator3.e(err);
+    _iterator5.e(err);
   } finally {
-    _iterator3.f();
+    _iterator5.f();
   }
   return {
     forms: forms,
@@ -23247,143 +23450,56 @@ function extractForms() {
   };
 }
 
-/**
- * Extract sections/landmarks from the page
- */
-function extractSections() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
-  var sections = [];
-  var selector = 'section, article, main, [role="main"], [role="region"], .section';
-  var elements = document.querySelectorAll(selector);
-  var _iterator5 = _createForOfIteratorHelper(elements),
-    _step5;
-  try {
-    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-      var _heading$innerText, _firstP$innerText, _el$innerText2;
-      var el = _step5.value;
-      if (sections.length >= limits.sections) break;
-      if (!isVisible(el)) continue;
-
-      // Get a summary of the section content
-      var heading = el.querySelector('h1, h2, h3');
-      var headingText = (heading === null || heading === void 0 || (_heading$innerText = heading.innerText) === null || _heading$innerText === void 0 ? void 0 : _heading$innerText.trim()) || '';
-
-      // Get first paragraph or first N characters
-      var firstP = el.querySelector('p');
-      var summary = headingText || (firstP === null || firstP === void 0 || (_firstP$innerText = firstP.innerText) === null || _firstP$innerText === void 0 ? void 0 : _firstP$innerText.trim().substring(0, limits.maxSummaryLength)) || ((_el$innerText2 = el.innerText) === null || _el$innerText2 === void 0 ? void 0 : _el$innerText2.trim().substring(0, limits.maxSummaryLength)) || '';
-      sections.push({
-        selector: generateSelector(el),
-        id: el.id || null,
-        tagName: el.tagName.toLowerCase(),
-        summary: summary.substring(0, limits.maxSummaryLength),
-        inViewport: isInViewport(el, 0)
-      });
-    }
-  } catch (err) {
-    _iterator5.e(err);
-  } finally {
-    _iterator5.f();
-  }
-  return sections;
-}
-
-/**
- * Extract headings from the page
- */
-function extractHeadings() {
-  var limits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LIMITS;
-  var headings = [];
-  var elements = document.querySelectorAll('h1, h2, h3');
-  var _iterator6 = _createForOfIteratorHelper(elements),
-    _step6;
-  try {
-    for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-      var _el$innerText3;
-      var el = _step6.value;
-      if (headings.length >= limits.headings) break;
-      if (!isVisible(el)) continue;
-      var text = (_el$innerText3 = el.innerText) === null || _el$innerText3 === void 0 ? void 0 : _el$innerText3.trim();
-      if (!text) continue;
-      headings.push({
-        selector: generateSelector(el),
-        level: el.tagName.toLowerCase(),
-        text: text.substring(0, limits.maxTextLength),
-        inViewport: isInViewport(el, 0)
-      });
-    }
-  } catch (err) {
-    _iterator6.e(err);
-  } finally {
-    _iterator6.f();
-  }
-  return headings;
-}
+// ─── Public API ───────────────────────────────────────────────────────────────
 
 /**
- * Main function: Extract full DOM context
- * 
- * @param {Object} options - Extraction options
- * @param {Object} options.limits - Override default limits
- * @returns {Object} - Structured DOM context
+ * Main extraction function — called by the read_page tool handler.
+ *
+ * Returns:
+ *   content        — flat readable text of the page (most important)
+ *   contentItems   — structured array of { type, text, level?, lang? }
+ *   contentTruncated — true if content was cut at maxContentLength
+ *   url, title, language, viewport
+ *   buttons, links, forms  — interactive elements for navigation / actions
+ *   metadata
  */
 function extractDOMContext() {
   return _extractDOMContext.apply(this, arguments);
 }
 
 /**
- * Extract minimal context (for re-extraction after navigation)
+ * Minimal context snapshot — used on reconnect / navigation events.
  */
 function _extractDOMContext() {
   _extractDOMContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var _document$querySelect;
     var options,
       limits,
+      mainContent,
       buttons,
       links,
       _extractForms,
       forms,
       sensitiveCount,
-      sections,
-      headings,
-      totalElements,
-      visibleInViewport,
       htmlLang,
-      browserLang,
       language,
       _args = arguments;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.n) {
         case 0:
           options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-          limits = _objectSpread(_objectSpread({}, DEFAULT_LIMITS), options.limits); // Extract all elements
+          limits = _objectSpread(_objectSpread({}, DEFAULT_LIMITS), options.limits);
+          mainContent = extractMainContent(limits);
           buttons = extractButtons(limits);
           links = extractLinks(limits);
           _extractForms = extractForms(limits), forms = _extractForms.forms, sensitiveCount = _extractForms.sensitiveCount;
-          sections = extractSections(limits);
-          headings = extractHeadings(limits); // Count totals
-          totalElements = buttons.length + links.length + forms.reduce(function (sum, f) {
-            return sum + f.fields.length;
-          }, 0) + sections.length + headings.length;
-          visibleInViewport = buttons.filter(function (b) {
-            return b.inViewport;
-          }).length + links.filter(function (l) {
-            return l.inViewport;
-          }).length + sections.filter(function (s) {
-            return s.inViewport;
-          }).length + headings.filter(function (h) {
-            return h.inViewport;
-          }).length; // Detect site language
-          // Priority: HTML lang attribute > browser language
           htmlLang = document.documentElement.lang || ((_document$querySelect = document.querySelector('html')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('lang')) || null;
-          browserLang = navigator.language || navigator.languages && navigator.languages[0] || null;
-          language = htmlLang || browserLang || null;
+          language = htmlLang || navigator.language || navigator.languages && navigator.languages[0] || null;
           return _context.a(2, {
             url: window.location.href,
             title: document.title,
             timestamp: Date.now(),
             language: language,
-            // Site language (from HTML lang attribute or browser)
-
             viewport: {
               width: window.innerWidth,
               height: window.innerHeight,
@@ -23391,14 +23507,20 @@ function _extractDOMContext() {
               scrollY: window.scrollY,
               pageHeight: document.documentElement.scrollHeight
             },
+            // ── Primary: actual page content ──────────────────────────────────────
+            content: mainContent.text,
+            contentItems: mainContent.items,
+            contentTruncated: mainContent.truncated,
+            contentSource: mainContent.sourceElement,
+            // ── Secondary: interactive elements ───────────────────────────────────
             buttons: buttons,
             links: links,
             forms: forms,
-            sections: sections,
-            headings: headings,
             metadata: {
-              totalElements: totalElements,
-              visibleInViewport: visibleInViewport,
+              totalContentChars: mainContent.text.length,
+              contentItemCount: mainContent.items.length,
+              buttonsCount: buttons.length,
+              linksCount: links.length,
               formsCount: forms.length,
               sensitiveFieldsFiltered: sensitiveCount
             }
@@ -23414,14 +23536,12 @@ function extractMinimalContext() {
 function _extractMinimalContext() {
   _extractMinimalContext = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
     var _document$querySelect2;
-    var htmlLang, browserLang, language;
+    var htmlLang, language;
     return _regenerator().w(function (_context2) {
       while (1) switch (_context2.n) {
         case 0:
-          // Detect site language
           htmlLang = document.documentElement.lang || ((_document$querySelect2 = document.querySelector('html')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.getAttribute('lang')) || null;
-          browserLang = navigator.language || navigator.languages && navigator.languages[0] || null;
-          language = htmlLang || browserLang || null;
+          language = htmlLang || navigator.language || navigator.languages && navigator.languages[0] || null;
           return _context2.a(2, {
             url: window.location.href,
             title: document.title,
@@ -23902,16 +24022,19 @@ function registerVisualTools(registry) {
       while (1) switch (_context.n) {
         case 0:
           params = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-          console.log('[TTP] 📋 Reading page structure...');
+          console.log('[TTP] 📋 Reading page content...');
           _context.n = 1;
           return (0,_dom_context_js__WEBPACK_IMPORTED_MODULE_0__.extractDOMContext)(params);
         case 1:
           context = _context.v;
-          console.log('[TTP] ✅ Page structure extracted:', {
-            buttons: context.buttons.length,
-            links: context.links.length,
-            forms: context.forms.length,
-            headings: context.headings.length
+          console.log('[TTP] ✅ Page content extracted:', {
+            contentChars: context.metadata.totalContentChars,
+            contentItems: context.metadata.contentItemCount,
+            truncated: context.contentTruncated,
+            source: context.contentSource,
+            buttons: context.metadata.buttonsCount,
+            links: context.metadata.linksCount,
+            forms: context.metadata.formsCount
           });
           return _context.a(2, context);
       }
@@ -24130,12 +24253,12 @@ function _extractPageContext() {
             timestamp: domContext.timestamp,
             language: domContext.language,
             viewport: domContext.viewport,
+            content: domContext.content,
+            contentTruncated: domContext.contentTruncated,
             dom: {
               buttons: domContext.buttons,
               links: domContext.links,
               forms: domContext.forms,
-              sections: domContext.sections,
-              headings: domContext.headings,
               metadata: domContext.metadata
             }
           });
@@ -27479,7 +27602,7 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
 
               // Include SDK build time for debugging
               if (true) {
-                helloMessage.lastBuildTime = "2026-06-12T20:23:48.560Z";
+                helloMessage.lastBuildTime = "2026-06-14T07:18:03.004Z";
               }
 
               // Page context is intentionally NOT attached to the hello message.
@@ -27656,6 +27779,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':
@@ -33327,7 +33461,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",
@@ -33675,6 +33809,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",