@ronak27/superwise-chatbot-package 1.0.0 → 1.0.1

package/dist/react-chatbot.es.js

@@ -1,28 +1,28 @@
-import ae, { memo as se, useState as b, useEffect as I, useRef as ee, useMemo as ie, useCallback as Z } from "react";
-var G = { exports: {} }, L = {};
+import ae, { memo as se, useState as b, useEffect as P, useRef as ee, useMemo as ie, useCallback as Z } from "react";
+var G = { exports: {} }, D = {};
 var te;
 function le() {
-  if (te) return L;
+  if (te) return D;
   te = 1;
   var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
-  function w(y, s, f) {
-    var p = null;
-    if (f !== void 0 && (p = "" + f), s.key !== void 0 && (p = "" + s.key), "key" in s) {
+  function w(x, s, f) {
+    var u = null;
+    if (f !== void 0 && (u = "" + f), s.key !== void 0 && (u = "" + s.key), "key" in s) {
       f = {};
       for (var l in s)
         l !== "key" && (f[l] = s[l]);
     } else f = s;
     return s = f.ref, {
       $$typeof: n,
-      type: y,
-      key: p,
+      type: x,
+      key: u,
       ref: s !== void 0 ? s : null,
       props: f
     };
   }
-  return L.Fragment = i, L.jsx = w, L.jsxs = w, L;
+  return D.Fragment = i, D.jsx = w, D.jsxs = w, D;
 }
-var z = {};
+var F = {};
 var re;
 function ce() {
   return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -32,15 +32,15 @@ function ce() {
         return e.$$typeof === X ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case N:
+        case E:
           return "Fragment";
-        case W:
+        case J:
           return "Profiler";
-        case C:
+        case W:
           return "StrictMode";
-        case M:
+        case Q:
           return "Suspense";
-        case R:
+        case V:
           return "SuspenseList";
         case K:
           return "Activity";
@@ -49,18 +49,18 @@ function ce() {
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case $:
+          case z:
             return "Portal";
-          case Q:
+          case $:
             return e.displayName || "Context";
-          case q:
+          case T:
             return (e._context.displayName || "Context") + ".Consumer";
           case H:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case J:
+          case N:
             return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
-          case O:
+          case S:
             r = e._payload, e = e._init;
             try {
               return n(e(r));
@@ -81,17 +81,17 @@ function ce() {
       }
       if (r) {
         r = console;
-        var d = r.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var d = r.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return d.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          h
+          g
         ), i(e);
       }
     }
-    function y(e) {
-      if (e === N) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === O)
+    function x(e) {
+      if (e === E) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === S)
         return "<...>";
       try {
         var r = n(e);
@@ -101,14 +101,14 @@ function ce() {
       }
     }
     function s() {
-      var e = P.A;
+      var e = M.A;
       return e === null ? null : e.getOwner();
     }
     function f() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
-      if (F.call(e, "key")) {
+    function u(e) {
+      if (L.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
@@ -128,19 +128,19 @@ function ce() {
     }
     function c() {
       var e = n(this.type);
-      return D[e] || (D[e] = !0, console.error(
+      return O[e] || (O[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function m(e, r, d, h, k, A) {
-      var g = d.ref;
+    function m(e, r, d, g, j, A) {
+      var h = d.ref;
       return e = {
-        $$typeof: j,
+        $$typeof: k,
         type: e,
         key: r,
         props: d,
-        _owner: h
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: g
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -157,7 +157,7 @@ function ce() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: k
+        value: j
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -165,112 +165,112 @@ function ce() {
         value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function u(e, r, d, h, k, A) {
-      var g = r.children;
-      if (g !== void 0)
-        if (h)
-          if (Y(g)) {
-            for (h = 0; h < g.length; h++)
-              x(g[h]);
-            Object.freeze && Object.freeze(g);
+    function p(e, r, d, g, j, A) {
+      var h = r.children;
+      if (h !== void 0)
+        if (g)
+          if (q(h)) {
+            for (g = 0; g < h.length; g++)
+              y(h[g]);
+            Object.freeze && Object.freeze(h);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(g);
-      if (F.call(r, "key")) {
-        g = n(e);
+        else y(h);
+      if (L.call(r, "key")) {
+        h = n(e);
         var v = Object.keys(r).filter(function(ne) {
           return ne !== "key";
         });
-        h = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", o[g + h] || (v = 0 < v.length ? "{" + v.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", o[h + g] || (v = 0 < v.length ? "{" + v.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          h,
           g,
+          h,
           v,
-          g
-        ), o[g + h] = !0);
+          h
+        ), o[h + g] = !0);
       }
-      if (g = null, d !== void 0 && (w(d), g = "" + d), p(r) && (w(r.key), g = "" + r.key), "key" in r) {
+      if (h = null, d !== void 0 && (w(d), h = "" + d), u(r) && (w(r.key), h = "" + r.key), "key" in r) {
         d = {};
-        for (var T in r)
-          T !== "key" && (d[T] = r[T]);
+        for (var I in r)
+          I !== "key" && (d[I] = r[I]);
       } else d = r;
-      return g && l(
+      return h && l(
         d,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), m(
         e,
-        g,
+        h,
         d,
         s(),
-        k,
+        j,
         A
       );
     }
-    function x(e) {
-      E(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === O && (e._payload.status === "fulfilled" ? E(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function y(e) {
+      R(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === S && (e._payload.status === "fulfilled" ? R(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function E(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === j;
+    function R(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === k;
     }
-    var S = ae, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), $ = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), W = /* @__PURE__ */ Symbol.for("react.profiler"), q = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), H = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), R = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.activity"), X = /* @__PURE__ */ Symbol.for("react.client.reference"), P = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, Y = Array.isArray, _ = console.createTask ? console.createTask : function() {
+    var _ = ae, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), z = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), T = /* @__PURE__ */ Symbol.for("react.consumer"), $ = /* @__PURE__ */ Symbol.for("react.context"), H = /* @__PURE__ */ Symbol.for("react.forward_ref"), Q = /* @__PURE__ */ Symbol.for("react.suspense"), V = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.activity"), X = /* @__PURE__ */ Symbol.for("react.client.reference"), M = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, q = Array.isArray, C = console.createTask ? console.createTask : function() {
       return null;
     };
-    S = {
+    _ = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var B, D = {}, V = S.react_stack_bottom_frame.bind(
-      S,
+    var B, O = {}, Y = _.react_stack_bottom_frame.bind(
+      _,
       f
-    )(), U = _(y(f)), o = {};
-    z.Fragment = N, z.jsx = function(e, r, d) {
-      var h = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return u(
+    )(), U = C(x(f)), o = {};
+    F.Fragment = E, F.jsx = function(e, r, d) {
+      var g = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return p(
         e,
         r,
         d,
         !1,
-        h ? Error("react-stack-top-frame") : V,
-        h ? _(y(e)) : U
+        g ? Error("react-stack-top-frame") : Y,
+        g ? C(x(e)) : U
       );
-    }, z.jsxs = function(e, r, d) {
-      var h = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return u(
+    }, F.jsxs = function(e, r, d) {
+      var g = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return p(
         e,
         r,
         d,
         !0,
-        h ? Error("react-stack-top-frame") : V,
-        h ? _(y(e)) : U
+        g ? Error("react-stack-top-frame") : Y,
+        g ? C(x(e)) : U
       );
     };
-  })()), z;
+  })()), F;
 }
 var oe;
 function de() {
   return oe || (oe = 1, process.env.NODE_ENV === "production" ? G.exports = le() : G.exports = ce()), G.exports;
 }
 var t = de();
-async function pe(n, i = [], w = [], y = "", s = "") {
-  const f = "https://sage-api-ttyw-stage.superwise.ai/api/v1/chat";
-  console.log("src/api.js: sendMessageToAI called with discoveryAgentId:", s), console.log("src/api.js: agentId:", y);
-  const p = Array.isArray(i) ? i.map((c) => ({
+async function ue(n, i = [], w = [], x = "", s = "") {
+  const f = "https://sage-api-ttyw-stage.superwise.ai/api/v1/chat", u = Array.isArray(i) ? i.map((c) => ({
     role: c.role,
     message: c.content != null ? c.content : ""
   })) : [], l = {
     user_input: n,
-    chat_history: p,
+    chat_history: u,
     mql_df: Array.isArray(w) ? w : [],
-    agent_id: y,
-    discovery_agent_id: s
+    agent_id: x,
+    discovery_agent_id: s,
+    utm_source: "Web",
+    utm_medium: "chatbot"
   };
   console.log("Sending payload:", l);
   try {
@@ -283,45 +283,45 @@ async function pe(n, i = [], w = [], y = "", s = "") {
       body: JSON.stringify(l)
     });
     if (console.log("Response status:", c.status), console.log("Response headers:", c.headers), !c.ok) {
-      const E = await c.text();
-      return console.error("API Error Response:", E), { reply: `❌ API Error ${c.status}: ${E}`, mqlDf: [] };
+      const R = await c.text();
+      return console.error("API Error Response:", R), { reply: `❌ API Error ${c.status}: ${R}`, mqlDf: [] };
     }
     const m = await c.json();
     console.log("API Response Data:", m);
-    let u = "⚠️ No reply from server.", x = [];
-    return m.chat_response ? u = m.chat_response : m.success && m.data?.chat_response ? u = m.data.chat_response : m.message && (u = m.message), m.mql_df ? x = m.mql_df : m.data?.mql_df && (x = m.data.mql_df), u.includes("Parameters:") && (u = u.split("Parameters:")[0].trim()), { reply: u, mqlDf: x };
+    let p = "⚠️ No reply from server.", y = [];
+    return m.chat_response ? p = m.chat_response : m.success && m.data?.chat_response ? p = m.data.chat_response : m.message && (p = m.message), m.mql_df ? y = m.mql_df : m.data?.mql_df && (y = m.data.mql_df), p.includes("Parameters:") && (p = p.split("Parameters:")[0].trim()), { reply: p, mqlDf: y };
   } catch (c) {
     return console.error("API call failed:", c), c.name === "TypeError" && c.message.includes("fetch") ? { reply: "⚠️ Network error. Please check your connection.", mqlDf: [] } : { reply: `⚠️ API request failed: ${c.message}`, mqlDf: [] };
   }
 }
 async function me(n, i = null, w = []) {
-  const y = "https://sage-api-ttyw-stage.superwise.ai/pdf", s = Array.isArray(n) && n.length > 0 ? n[0] : i || {
+  const x = "https://sage-api-ttyw-stage.superwise.ai/pdf", s = Array.isArray(n) && n.length > 0 ? n[0] : i || {
     name: "User",
     email: "user@example.com",
     summary: "Chat conversation summary"
   }, f = Array.isArray(w) ? w.map((l) => ({
     role: l.role,
     message: l.content != null ? l.content : ""
-  })) : [], p = {
+  })) : [], u = {
     lead_row: s,
     chat_history: f
   };
-  console.log("Downloading PDF with payload:", p);
+  console.log("Downloading PDF with payload:", u);
   try {
-    const l = await fetch(y, {
+    const l = await fetch(x, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         Accept: "application/pdf"
       },
-      body: JSON.stringify(p)
+      body: JSON.stringify(u)
     });
     if (console.log("PDF Response status:", l.status), !l.ok) {
-      const x = await l.text();
-      throw console.error("PDF API Error Response:", x), new Error(`PDF API Error ${l.status}: ${x}`);
+      const y = await l.text();
+      throw console.error("PDF API Error Response:", y), new Error(`PDF API Error ${l.status}: ${y}`);
     }
-    const c = await l.blob(), m = window.URL.createObjectURL(c), u = document.createElement("a");
-    return u.href = m, u.download = `chatbot-report-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.pdf`, document.body.appendChild(u), u.click(), document.body.removeChild(u), window.URL.revokeObjectURL(m), !0;
+    const c = await l.blob(), m = window.URL.createObjectURL(c), p = document.createElement("a");
+    return p.href = m, p.download = `chatbot-report-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.pdf`, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL(m), !0;
   } catch (l) {
     throw console.error("PDF download failed:", l), l;
   }
@@ -344,6 +344,21 @@ const a = {
     boxShadow: "0 0 8rem 0 rgba(0, 0, 0, 0.1), 0rem 2rem 4rem -3rem rgba(0, 0, 0, 0.5)",
     boxSizing: "border-box"
   },
+  containerExpanded: {
+    position: "fixed",
+    top: "0px",
+    left: "0px",
+    zIndex: 999999,
+    fontFamily: "'Inter', sans-serif",
+    width: "100vw",
+    height: "100vh",
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: "0",
+    background: "white",
+    boxShadow: "0 0 8rem 0 rgba(0, 0, 0, 0.1), 0rem 2rem 4rem -3rem rgba(0, 0, 0, 0.5)",
+    boxSizing: "border-box"
+  },
   containerMinimized: {
     position: "fixed",
     bottom: "20px",
@@ -560,21 +575,22 @@ const a = {
     margin: 0
   }
 };
-function ue(n) {
+function pe(n) {
   return n === "human" ? { ...a.message, ...a.messageSelf } : { ...a.message, ...a.messageOther };
 }
-const fe = se(function({ text: i, speed: w = 10, onComplete: y }) {
-  const [s, f] = b(""), [p, l] = b(!1);
-  I(() => {
+const fe = se(function({ text: i, speed: w = 10, onComplete: x }) {
+  const [s, f] = b(""), [u, l] = b(!1);
+  P(() => {
     if (!i) return;
     f(""), l(!1);
     let m = 0;
-    const u = setInterval(() => {
-      m < i.length ? (f(i.slice(0, m + 1)), m++) : (l(!0), clearInterval(u), y && y());
+    const p = setInterval(() => {
+      m < i.length ? (f(i.slice(0, m + 1)), m++) : (l(!0), clearInterval(p), x && x());
     }, w);
-    return () => clearInterval(u);
-  }, [i, w, y]);
-  const c = (m) => m.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/\n/g, "<br/>").replace(/(\d+\.\s)/g, "<br/>$1").replace(/(\*\s)/g, "<br/>$1");
+    return () => clearInterval(p);
+  }, [i, w, x]);
+  const c = (m) => m.replace(/\[bold\](.*?)\[\/bold\]/g, "<strong>$1</strong>").replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/(?:^|\n)-\s+/g, `
+• `).replace(/\n/g, "<br/>").replace(/(\d+\.\s)/g, "<br/>$1").replace(/(\*\s)/g, "<br/>$1");
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -584,20 +600,20 @@ const fe = se(function({ text: i, speed: w = 10, onComplete: y }) {
         wordBreak: "break-word"
       },
       dangerouslySetInnerHTML: {
-        __html: c(s) + (p ? "" : '<span class="typing-cursor">|</span>')
+        __html: c(s) + (u ? "" : '<span class="typing-cursor">|</span>')
       }
     }
   );
-}), ge = se(function({ msg: i, isTyping: w = !1, onTypingComplete: y }) {
+}), he = se(function({ msg: i, isTyping: w = !1, onTypingComplete: x }) {
   const s = i.from === "human" ? "sw-ttyw-message self" : "sw-ttyw-message other";
-  return /* @__PURE__ */ t.jsxs("div", { className: s, style: ue(i.from), children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: s, style: pe(i.from), children: [
     /* @__PURE__ */ t.jsx("div", { className: "message-avatar", style: a.messageAvatar, children: i.from === "human" ? /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "black", xmlns: "http://www.w3.org/2000/svg", children: [
       /* @__PURE__ */ t.jsx("path", { d: "M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21", fill: "black" }),
       /* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "7", r: "4", fill: "black" })
     ] }) : /* @__PURE__ */ t.jsx(
       "img",
       {
-        src: "https://superwise.ai/wp-content/uploads/2025/07/cropped-Superwise-icon-1-32x32.png",
+        src: "/images/avatars/default_avatar.png",
         alt: "AI Avatar",
         style: {
           width: "20px",
@@ -607,7 +623,7 @@ const fe = se(function({ text: i, speed: w = 10, onComplete: y }) {
         }
       }
     ) }),
-    /* @__PURE__ */ t.jsx("div", { className: "message-content", style: a.messageContent, children: i.from === "ai" && w ? /* @__PURE__ */ t.jsx(fe, { text: i.text, speed: 20, onComplete: y }) : /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: "message-content", style: a.messageContent, children: i.from === "ai" && w ? /* @__PURE__ */ t.jsx(fe, { text: i.text, speed: 20, onComplete: x }) : /* @__PURE__ */ t.jsx(
       "div",
       {
         style: {
@@ -616,17 +632,18 @@ const fe = se(function({ text: i, speed: w = 10, onComplete: y }) {
           wordBreak: "break-word"
         },
         dangerouslySetInnerHTML: {
-          __html: i.text.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/\n/g, "<br/>").replace(/(\d+\.\s)/g, "<br/>$1").replace(/(\*\s)/g, "<br/>$1")
+          __html: i.text.replace(/\[bold\](.*?)\[\/bold\]/g, "<strong>$1</strong>").replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/(?:^|\n)-\s+/g, `
+• `).replace(/\n/g, "<br/>").replace(/(\d+\.\s)/g, "<br/>$1").replace(/(\*\s)/g, "<br/>$1")
           // Bullet points
         }
       }
     ) })
   ] });
-}), we = () => {
+}), ge = () => {
   const n = (/* @__PURE__ */ new Date()).getHours();
   return n >= 5 && n < 12 ? "Good morning" : n >= 12 && n < 17 ? "Good afternoon" : (n >= 17 && n < 21, "Good evening");
-}, he = () => {
-  const n = we(), i = [
+}, we = () => {
+  const n = ge(), i = [
     `👋 ${n}! Looking to explore Superwise?`,
     `👋 ${n}! Ready to discover what Superwise can do for you?`,
     `👋 ${n}! How can I help you with Superwise today?`,
@@ -635,8 +652,7 @@ const fe = se(function({ text: i, speed: w = 10, onComplete: y }) {
   ];
   return i[Math.floor(Math.random() * i.length)];
 };
-function xe({ title: n = "Superwise Expert Agent", agentId: i = "", discoveryAgentId: w = "", primaryColor: y = "" }) {
-  console.log("chatbot.jsx: Chatbot component mounted with props:", { agentId: i, discoveryAgentId: w, title: n });
+function ye({ title: n = "", agentId: i = "", discoveryAgentId: w = "", primaryColor: x = "" }) {
   const [s, f] = b(() => {
     try {
       if (typeof window < "u" && window.localStorage) {
@@ -646,7 +662,7 @@ function xe({ title: n = "Superwise Expert Agent", agentId: i = "", discoveryAge
     } catch {
     }
     return [];
-  }), [p, l] = b(() => {
+  }), [u, l] = b(() => {
     try {
       if (typeof window < "u" && window.localStorage) {
         const o = window.localStorage.getItem("chatbot-mql_df");
@@ -655,8 +671,8 @@ function xe({ title: n = "Superwise Expert Agent", agentId: i = "", discoveryAge
     } catch {
     }
     return [];
-  }), [c, m] = b(""), [u, x] = b(!1), [E, S] = b(!1), [j, $] = b(!1), [N, C] = b(/* @__PURE__ */ new Set()), [W, q] = b(!1), [Q, H] = b(""), [M, R] = b(""), [J, O] = b(!1), X = (() => {
-    if (y) return y;
+  }), [c, m] = b(""), [p, y] = b(!1), [R, _] = b(!1), [k, z] = b(!1), [E, W] = b(!1), [J, T] = b(/* @__PURE__ */ new Set()), [$, H] = b(!1), [Q, V] = b(""), [N, S] = b(""), X = (() => {
+    if (x) return x;
     if (typeof document < "u" && typeof window < "u") {
       const o = document.querySelector("[data-chatbot-color]");
       if (o)
@@ -665,497 +681,330 @@ function xe({ title: n = "Superwise Expert Agent", agentId: i = "", discoveryAge
       if (r) return r;
     }
     return "#000";
-  })(), P = ee(null), F = ee(s), Y = ie(() => s.map((o) => ({ role: o.from, content: o.text })), [s]), _ = (o) => {
-    R(o), setTimeout(() => {
-      R("");
+  })(), M = ee(null), L = ee(s), q = ie(() => s.map((o) => ({ role: o.from, content: o.text })), [s]), C = (o) => {
+    S(o), setTimeout(() => {
+      S("");
     }, 4e3);
   }, B = (o) => {
     const e = o.length, r = o.trim();
-    return H(""), R(""), !r || e === 0 ? (_("Please enter a message before sending."), !1) : new RegExp(/(<([^>]+)>)/gi).test(r) ? (_("Please avoid using HTML tags or scripts in your message."), !1) : r.length < 2 ? (_("Please enter a meaningful question (at least 2 characters)."), !1) : r.length > 1e3 ? (_("Message is too long. Please keep it under 1000 characters."), !1) : (H(""), R(""), !0);
+    return V(""), S(""), !r || e === 0 ? (C("Please enter a message before sending."), !1) : new RegExp(/(<([^>]+)>)/gi).test(r) ? (C("Please avoid using HTML tags or scripts in your message."), !1) : r.length < 2 ? (C("Please enter a meaningful question (at least 2 characters)."), !1) : r.length > 1e3 ? (C("Message is too long. Please keep it under 1000 characters."), !1) : (V(""), S(""), !0);
   };
-  I(() => {
-    P.current?.scrollIntoView({ behavior: "smooth" });
-  }, [s, u]), I(() => {
+  P(() => {
+    M.current?.scrollIntoView({ behavior: "smooth" });
+  }, [s, p]), P(() => {
     try {
       typeof window < "u" && window.localStorage && window.localStorage.setItem("chatbot-messages", JSON.stringify(s));
     } catch {
     }
-  }, [s]), I(() => {
+  }, [s]), P(() => {
     try {
-      typeof window < "u" && window.localStorage && window.localStorage.setItem("chatbot-mql_df", JSON.stringify(p));
+      typeof window < "u" && window.localStorage && window.localStorage.setItem("chatbot-mql_df", JSON.stringify(u));
     } catch {
     }
-  }, [p]), I(() => {
-    O(!0);
-  }, []), I(() => {
-    F.current = s;
-  }, [s]), I(() => {
-    if (s.length === 0 && !W) {
-      const e = { from: "ai", text: he() };
-      f([e]), q(!0), C(/* @__PURE__ */ new Set([0]));
+  }, [u]), P(() => {
+    L.current = s;
+  }, [s]), P(() => {
+    if (s.length === 0 && !$) {
+      const e = { from: "ai", text: we() };
+      f([e]), H(!0), T(/* @__PURE__ */ new Set([0]));
     }
-  }, [s.length, W]);
-  const D = Z(async () => {
+  }, [s.length, $]);
+  const O = Z(async () => {
     const o = c.trim();
     if (!o || !B(c))
       return;
-    const e = { from: "human", text: o }, d = [...F.current, e];
-    f(d), m(""), x(!0);
-    const h = [...Y, { role: "human", content: o }];
-    console.log("chatbot.jsx: discoveryAgentId:", w), console.log("chatbot.jsx: agentId:", i);
-    const k = await pe(o, h, p, i, w);
-    if (typeof k == "string") {
-      const A = { from: "ai", text: k };
-      f((g) => {
-        const v = [...g, A];
-        return C((T) => /* @__PURE__ */ new Set([...T, v.length - 1])), v;
+    const e = { from: "human", text: o }, d = [...L.current, e];
+    f(d), m(""), y(!0);
+    const g = [...q, { role: "human", content: o }], j = await ue(o, g, u, i, w);
+    if (typeof j == "string") {
+      const A = { from: "ai", text: j };
+      f((h) => {
+        const v = [...h, A];
+        return T((I) => /* @__PURE__ */ new Set([...I, v.length - 1])), v;
       });
     } else {
-      const A = { from: "ai", text: k.reply };
-      f((g) => {
-        const v = [...g, A];
-        return C((T) => /* @__PURE__ */ new Set([...T, v.length - 1])), v;
-      }), k.mqlDf && Array.isArray(k.mqlDf) && l(k.mqlDf);
+      const A = { from: "ai", text: j.reply };
+      f((h) => {
+        const v = [...h, A];
+        return T((I) => /* @__PURE__ */ new Set([...I, v.length - 1])), v;
+      }), j.mqlDf && Array.isArray(j.mqlDf) && l(j.mqlDf);
     }
-    x(!1);
-  }, [c, i, w, p]), V = Z(() => {
-    f([]), l([]), C(/* @__PURE__ */ new Set()), q(!1);
+    y(!1);
+  }, [c, i, w, u]), Y = Z(() => {
+    f([]), l([]), T(/* @__PURE__ */ new Set()), H(!1);
     try {
       typeof window < "u" && window.localStorage && (window.localStorage.removeItem("chatbot-messages"), window.localStorage.removeItem("chatbot-mql_df"));
     } catch {
     }
-    S(!1);
+    _(!1);
   }, []), U = Z(async () => {
-    if (!p || p.length === 0) {
+    if (!u || u.length === 0) {
       console.warn("No mql_df data available for PDF download");
       return;
     }
     try {
-      x(!0), console.log("mql_df data for lead extraction:", p);
+      y(!0), console.log("mql_df data for lead extraction:", u);
       const o = {
-        name: p.find((e) => e.name)?.name || "Chat User",
-        email: p.find((e) => e.email)?.email || "user@example.com",
+        name: u.find((e) => e.name)?.name || "Chat User",
+        email: u.find((e) => e.email)?.email || "user@example.com",
         summary: `Chat conversation with ${s.length} messages. User asked: "${s.find((e) => e.from === "human")?.text || "No user messages"}"`
       };
-      console.log("Extracted lead row:", o), await me(p, o, Y), console.log("PDF downloaded successfully");
+      console.log("Extracted lead row:", o), await me(u, o, q), console.log("PDF downloaded successfully");
     } catch (o) {
       console.error("Failed to download PDF:", o);
     } finally {
-      x(!1);
+      y(!1);
     }
-  }, [p, s]);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    J && /* @__PURE__ */ t.jsx("style", { children: `
-          :root {
-            --swttyw-primary-color: ${X};
-            --swttyw-avatar-image: url('');
-            --swttyw-user-avatar-image: url('');
-            --swttyw-background-color: #F7F7F7;
-            --swttyw-header-font-size: 16px;
-            --swttyw-body-font-size: 15px;
-            --swttyw-footer-font-size: 16px;
-            --swttyw-user-background-image: url('');
-          }
-          
-          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-          
-          .sw-ttyw-chatbot ::-webkit-scrollbar {
-            width: 3px;
-          }
-          
-          .sw-ttyw-chatbot ::-webkit-scrollbar-track {
-            background: transparent;
-          }
-          
-          .sw-ttyw-chatbot ::-webkit-scrollbar-thumb {
-            background: var(--swttyw-primary-color);
-          }
-          
-          .sw-ttyw-chatbot ::-webkit-scrollbar-thumb:hover {
-            background: var(--swttyw-primary-color);
-          }
-          
-          .typing {
-            display: inline-block !important;
-            width: 0.8rem !important;
-            height: 0.8rem !important;
-            min-width: 0.8rem !important;
-            min-height: 0.8rem !important;
-            max-width: 0.8rem !important;
-            max-height: 0.8rem !important;
-            margin-right: 0.5rem !important;
-            box-sizing: border-box !important;
-            background: #ccc !important;
-            border-radius: 50% !important;
-          }
-          
-          .typing.typing-1 {
-            -webkit-animation: typingAlt 1.4s infinite !important;
-            animation: typingAlt 1.4s infinite !important;
-          }
-          
-          .typing.typing-2 {
-            -webkit-animation: typingAlt 1.4s 0.2s infinite !important;
-            animation: typingAlt 1.4s 0.2s infinite !important;
-          }
-          
-          .typing.typing-3 {
-            -webkit-animation: typingAlt 1.4s 0.4s infinite !important;
-            animation: typingAlt 1.4s 0.4s infinite !important;
-          }
-          
-          .typing-cursor {
-            animation: blink 1s infinite;
-            color: var(--swttyw-primary-color);
-            font-weight: bold;
-          }
-          
-          @keyframes blink {
-            0%, 50% { opacity: 1; }
-            51%, 100% { opacity: 0; }
-          }
-          
-          /* Error message styling */
-          .swttyw-input-error {
-            background-color: #FEE8E8;
-            border: 1px solid #FDC2C2;
-            border-radius: 8px;
-            padding: 12px 16px;
-            margin: 8px 0;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            color: #E04F4F;
-            font-size: 14px;
-            line-height: 1.4;
-          }
-          
-          .swttyw-input-error .error-icon {
-            color: #F59E0B;
-            font-size: 16px;
-            flex-shrink: 0;
-          }
-          
-          /* Validation message in messages area */
-          .sw-ttyw-validation-message {
-            background-color: #FEE8E8;
-            border: 1px solid #FDC2C2;
-            border-radius: 8px;
-            padding: 12px 16px;
-            margin: 8px 16px;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            color: #E04F4F;
-            font-size: 14px;
-            line-height: 1.4;
-            animation: slideIn 0.3s ease-out;
-          }
-          
-          .sw-ttyw-validation-message .error-icon {
-            color: #F59E0B;
-            font-size: 16px;
-            flex-shrink: 0;
-          }
-          
-          @keyframes slideIn {
-            from {
-              opacity: 0;
-              transform: translateY(-10px);
-            }
-            to {
-              opacity: 1;
-              transform: translateY(0);
-            }
-          }
-          
-          @-webkit-keyframes typingAlt {
-            0%, 60%, 100% {
-              transform: translateY(0) scale(1);
-              opacity: 0.4;
-            }
-            30% {
-              transform: translateY(-10px) scale(1.2);
-              opacity: 1;
-            }
-          }
-          
-          @keyframes typingAlt {
-            0%, 60%, 100% {
-              transform: translateY(0) scale(1);
-              opacity: 0.4;
-            }
-            30% {
-              transform: translateY(-10px) scale(1.2);
-              opacity: 1;
-            }
-          }
-          
-          /* Ensure user messages have black background */
-          .sw-ttyw-message.self {
-            background: #000000 !important;
-            color: white !important;
-            margin: 1rem 1rem 1rem auto !important;
-            border-radius: 1.125rem 1.125rem 0 1.125rem !important;
-            max-width: 80% !important;
-            display: table;
-          }
-          
-          /* Avatar positioning for user messages */
-          .sw-ttyw-message.self .message-avatar {
-            right: -28px !important;
-            left: auto !important;
-          }
-          
-          /* Avatar positioning for AI messages */
-          .sw-ttyw-message.other .message-avatar {
-            left: -28px !important;
-            right: auto !important;
-            display: table;
-          }
-          
-          /* Ensure proper spacing for message content */
-          .sw-ttyw-message .message-content {
-            margin-left: 0 !important;
-            margin-right: 0 !important;
-            padding-left: 0 !important;
-            padding-right: 0 !important;
-          }
-          
-          /* Empty state styling */
-          .sw-ttyw-empty-state {
-            background-color: var(--swttyw-background-color) !important;
-            transition: opacity 0.3s ease-in-out !important;
-          }
-          
-          .sw-ttyw-empty-state:hover {
-            opacity: 0.5 !important;
-          }
-          
-          /* Ensure empty state doesn't interfere with scrolling */
-          .sw-ttyw-messages:has(.sw-ttyw-empty-state) {
-            overflow: hidden !important;
-          }
-        ` }),
-    /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: "sw-ttyw-chatbot",
-        style: j ? a.containerMinimized : a.container,
-        onClick: j ? () => $(!1) : void 0,
-        children: [
-          j ? (
-            /* Minimized State - Horizontal Button */
-            /* @__PURE__ */ t.jsxs("div", { style: a.minimizedContent, children: [
-              /* @__PURE__ */ t.jsxs("svg", { style: a.chatIcon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                /* @__PURE__ */ t.jsx("path", { d: "M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-                /* @__PURE__ */ t.jsx("path", { d: "M8 9H16", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
-                /* @__PURE__ */ t.jsx("path", { d: "M8 13H12", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
-              ] }),
-              /* @__PURE__ */ t.jsx("div", { style: a.minimizedTitle, children: n })
-            ] })
-          ) : (
-            /* Full State - Header with Controls */
-            /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-header", style: a.header, children: [
-              /* @__PURE__ */ t.jsx("div", { className: "sw-ttyw-name", style: a.name, children: n }),
-              /* @__PURE__ */ t.jsxs("div", { style: a.headerActions, children: [
-                /* @__PURE__ */ t.jsx(
-                  "button",
-                  {
-                    onClick: () => $(!j),
-                    style: a.headerButton,
-                    title: j ? "Maximize chat" : "Minimize chat",
-                    children: /* @__PURE__ */ t.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t.jsx("path", { d: "M6 9H18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
-                  }
-                ),
-                p && p.length > 0 && /* @__PURE__ */ t.jsx(
-                  "button",
-                  {
-                    onClick: U,
-                    style: a.headerButton,
-                    title: "Download PDF Report",
-                    disabled: u,
-                    children: /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                      /* @__PURE__ */ t.jsx("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-                      /* @__PURE__ */ t.jsx("path", { d: "M7 10L12 15L17 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-                      /* @__PURE__ */ t.jsx("path", { d: "M12 15V3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  "button",
-                  {
-                    onClick: () => S(!0),
-                    style: a.headerButton,
-                    title: "Clear chat",
-                    children: /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-                      /* @__PURE__ */ t.jsx("path", { d: "M3 6H5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-                      /* @__PURE__ */ t.jsx("path", { d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-                      /* @__PURE__ */ t.jsx("path", { d: "M10 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-                      /* @__PURE__ */ t.jsx("path", { d: "M14 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-                    ] })
-                  }
-                )
-              ] })
+  }, [u, s]);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: "sw-ttyw-chatbot",
+      style: {
+        ...k ? a.containerMinimized : E ? a.containerExpanded : a.container,
+        "--swttyw-primary-color": X,
+        "--swttyw-avatar-image": "url('')",
+        "--swttyw-user-avatar-image": "url('')",
+        "--swttyw-background-color": "#F7F7F7",
+        "--swttyw-header-font-size": "16px",
+        "--swttyw-body-font-size": "15px",
+        "--swttyw-footer-font-size": "16px",
+        "--swttyw-user-background-image": "url('')"
+      },
+      onClick: k ? () => z(!1) : void 0,
+      children: [
+        k ? (
+          /* Minimized State - Horizontal Button */
+          /* @__PURE__ */ t.jsxs("div", { style: a.minimizedContent, children: [
+            /* @__PURE__ */ t.jsxs("svg", { style: a.chatIcon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ t.jsx("path", { d: "M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+              /* @__PURE__ */ t.jsx("path", { d: "M8 9H16", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
+              /* @__PURE__ */ t.jsx("path", { d: "M8 13H12", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
+            ] }),
+            /* @__PURE__ */ t.jsx("div", { style: a.minimizedTitle, children: n })
+          ] })
+        ) : (
+          /* Full State - Header with Controls */
+          /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-header", style: a.header, children: [
+            /* @__PURE__ */ t.jsx("div", { className: "sw-ttyw-name", style: a.name, children: n }),
+            /* @__PURE__ */ t.jsxs("div", { style: a.headerActions, children: [
+              /* @__PURE__ */ t.jsx(
+                "button",
+                {
+                  onClick: () => W((o) => !o),
+                  style: a.headerButton,
+                  title: E ? "Shrink chat" : "Expand chat",
+                  children: E ? /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                    /* @__PURE__ */ t.jsx("path", { d: "M9 4V9H4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M15 4V9H20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M9 20V15H4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M15 20V15H20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ] }) : /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                    /* @__PURE__ */ t.jsx("path", { d: "M4 9V4H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M20 9V4H15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M4 15V20H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M20 15V20H15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "button",
+                {
+                  onClick: () => {
+                    k || W(!1), z(!k);
+                  },
+                  style: a.headerButton,
+                  title: k ? "Maximize chat" : "Minimize chat",
+                  children: /* @__PURE__ */ t.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t.jsx("path", { d: "M6 9H18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
+                }
+              ),
+              u && u.length > 0 && /* @__PURE__ */ t.jsx(
+                "button",
+                {
+                  onClick: U,
+                  style: a.headerButton,
+                  title: "Download PDF Report",
+                  disabled: p,
+                  children: /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                    /* @__PURE__ */ t.jsx("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M7 10L12 15L17 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M12 15V3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "button",
+                {
+                  onClick: () => _(!0),
+                  style: a.headerButton,
+                  title: "Clear chat",
+                  children: /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                    /* @__PURE__ */ t.jsx("path", { d: "M3 6H5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M10 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M14 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ] })
+                }
+              )
             ] })
-          ),
-          !j && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-section", style: { flexGrow: 1, display: "flex", flexDirection: "column" }, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-messages", style: a.chatSection, children: [
-              s.length === 0 && !u && /* @__PURE__ */ t.jsx("div", { className: "sw-ttyw-empty-state", style: {
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                justifyContent: "center",
-                height: "100%",
-                position: "relative"
-              }, children: /* @__PURE__ */ t.jsx(
+          ] })
+        ),
+        !k && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-section", style: { flexGrow: 1, display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-messages", style: a.chatSection, children: [
+            s.length === 0 && !p && /* @__PURE__ */ t.jsx("div", { className: "sw-ttyw-empty-state", style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              height: "100%",
+              position: "relative"
+            }, children: /* @__PURE__ */ t.jsx(
+              "img",
+              {
+                src: "/images/superwise-logo.svg",
+                alt: "Superwise Logo",
+                style: {
+                  width: "350px",
+                  height: "200px",
+                  opacity: 0.8,
+                  objectFit: "contain"
+                },
+                onError: (o) => {
+                  console.log("Logo failed to load, using fallback"), o.target.style.display = "none";
+                }
+              }
+            ) }),
+            s.map((o, e) => /* @__PURE__ */ t.jsx(
+              he,
+              {
+                msg: o,
+                isTyping: J.has(e),
+                onTypingComplete: () => {
+                  T((r) => {
+                    const d = new Set(r);
+                    return d.delete(e), d;
+                  });
+                }
+              },
+              e
+            )),
+            N && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-validation-message", children: [
+              /* @__PURE__ */ t.jsx("span", { className: "error-icon", children: "⚠️" }),
+              /* @__PURE__ */ t.jsx("span", { children: N })
+            ] }),
+            p && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-message other message-loading", style: { ...a.message, ...a.messageOther }, children: [
+              /* @__PURE__ */ t.jsx("div", { className: "message-avatar", style: a.messageAvatar, children: /* @__PURE__ */ t.jsx(
                 "img",
                 {
-                  src: "https://superwise.ai/wp-content/uploads/2024/05/Superwise-logo.svg",
-                  alt: "Superwise Logo",
+                  src: "/images/avatars/default_avatar.png",
+                  alt: "AI Avatar",
                   style: {
-                    width: "350px",
-                    height: "200px",
-                    opacity: 0.8,
-                    objectFit: "contain"
-                  },
-                  onError: (o) => {
-                    console.log("Logo failed to load, using fallback"), o.target.style.display = "none";
+                    width: "20px",
+                    height: "20px",
+                    borderRadius: "50%",
+                    objectFit: "cover"
                   }
                 }
               ) }),
-              s.map((o, e) => /* @__PURE__ */ t.jsx(
-                ge,
-                {
-                  msg: o,
-                  isTyping: N.has(e),
-                  onTypingComplete: () => {
-                    C((r) => {
-                      const d = new Set(r);
-                      return d.delete(e), d;
-                    });
-                  }
+              /* @__PURE__ */ t.jsxs("div", { className: "message-content", style: a.messageContent, children: [
+                /* @__PURE__ */ t.jsx("div", { className: "typing typing-1" }),
+                /* @__PURE__ */ t.jsx("div", { className: "typing typing-2" }),
+                /* @__PURE__ */ t.jsx("div", { className: "typing typing-3" })
+              ] })
+            ] }),
+            /* @__PURE__ */ t.jsx("div", { ref: M })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-input-section", style: a.inputSection, children: [
+            /* @__PURE__ */ t.jsx(
+              "textarea",
+              {
+                className: "sw-ttyw-input",
+                placeholder: "Please ask question here",
+                value: c,
+                onChange: (o) => {
+                  m(o.target.value), N && S("");
                 },
-                e
-              )),
-              M && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-validation-message", children: [
-                /* @__PURE__ */ t.jsx("span", { className: "error-icon", children: "⚠️" }),
-                /* @__PURE__ */ t.jsx("span", { children: M })
-              ] }),
-              u && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-message other message-loading", style: { ...a.message, ...a.messageOther }, children: [
-                /* @__PURE__ */ t.jsx("div", { className: "message-avatar", style: a.messageAvatar, children: /* @__PURE__ */ t.jsx(
-                  "img",
-                  {
-                    src: "https://superwise.ai/wp-content/uploads/2025/07/cropped-Superwise-icon-1-32x32.png",
-                    alt: "AI Avatar",
-                    style: {
-                      width: "20px",
-                      height: "20px",
-                      borderRadius: "50%",
-                      objectFit: "cover"
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ t.jsxs("div", { className: "message-content", style: a.messageContent, children: [
-                  /* @__PURE__ */ t.jsx("div", { className: "typing typing-1" }),
-                  /* @__PURE__ */ t.jsx("div", { className: "typing typing-2" }),
-                  /* @__PURE__ */ t.jsx("div", { className: "typing typing-3" })
-                ] })
+                maxLength: 1e3,
+                style: a.textarea,
+                onKeyDown: (o) => o.key === "Enter" && !o.shiftKey && (o.preventDefault(), O())
+              }
+            ),
+            /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-input-content", style: a.inputFooter, children: [
+              /* @__PURE__ */ t.jsxs("small", { id: "sw-ttyw-chat-textbox-status", style: a.characterCount, children: [
+                /* @__PURE__ */ t.jsx("span", { children: c.length }),
+                "/1000"
               ] }),
-              /* @__PURE__ */ t.jsx("div", { ref: P })
-            ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-input-section", style: a.inputSection, children: [
               /* @__PURE__ */ t.jsx(
-                "textarea",
+                "button",
                 {
-                  className: "sw-ttyw-input",
-                  placeholder: "Please ask question here",
-                  value: c,
-                  onChange: (o) => {
-                    m(o.target.value), M && R("");
-                  },
-                  maxLength: 1e3,
-                  style: a.textarea,
-                  onKeyDown: (o) => o.key === "Enter" && !o.shiftKey && (o.preventDefault(), D())
+                  id: "sw-ttyw-chat-send-message",
+                  onClick: O,
+                  "aria-label": "Send message",
+                  style: a.sendButton,
+                  children: /* @__PURE__ */ t.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", className: "cwv replaced-svg", children: [
+                    /* @__PURE__ */ t.jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
+                    /* @__PURE__ */ t.jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" })
+                  ] })
                 }
-              ),
-              /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-input-content", style: a.inputFooter, children: [
-                /* @__PURE__ */ t.jsxs("small", { id: "sw-ttyw-chat-textbox-status", style: a.characterCount, children: [
-                  /* @__PURE__ */ t.jsx("span", { children: c.length }),
-                  "/1000"
-                ] }),
-                /* @__PURE__ */ t.jsx(
-                  "button",
-                  {
-                    id: "sw-ttyw-chat-send-message",
-                    onClick: D,
-                    "aria-label": "Send message",
-                    style: a.sendButton,
-                    children: /* @__PURE__ */ t.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", className: "cwv replaced-svg", children: [
-                      /* @__PURE__ */ t.jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-                      /* @__PURE__ */ t.jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" })
-                    ] })
-                  }
-                )
-              ] })
+              )
             ] })
-          ] }),
-          E && /* @__PURE__ */ t.jsxs("div", { className: "swttyw-modal swttyw-modal-clear-history", style: a.modalOverlay, children: [
-            /* @__PURE__ */ t.jsx("div", { className: "swtty-modal-header" }),
-            /* @__PURE__ */ t.jsxs("div", { className: "swtty-modal-body", style: a.modalBody, children: [
-              /* @__PURE__ */ t.jsx("div", { className: "swtty-content", children: "Are you sure you want to delete the chat history?" }),
-              /* @__PURE__ */ t.jsxs("div", { className: "swtty-action", style: a.modalActions, children: [
-                /* @__PURE__ */ t.jsx(
-                  "input",
-                  {
-                    type: "button",
-                    className: "swttyw-btn swttyw-btn-primary",
-                    id: "swttyw-btn-clear-history-yes",
-                    onClick: V,
-                    value: "Yes",
-                    style: {
-                      background: "var(--swttyw-primary-color)",
-                      color: "white",
-                      border: "none",
-                      padding: "10px 20px",
-                      cursor: "pointer",
-                      borderRadius: "8px",
-                      margin: "10px 5px"
-                    }
+          ] })
+        ] }),
+        R && /* @__PURE__ */ t.jsxs("div", { className: "swttyw-modal swttyw-modal-clear-history", style: a.modalOverlay, children: [
+          /* @__PURE__ */ t.jsx("div", { className: "swtty-modal-header" }),
+          /* @__PURE__ */ t.jsxs("div", { className: "swtty-modal-body", style: a.modalBody, children: [
+            /* @__PURE__ */ t.jsx("div", { className: "swtty-content", children: "Are you sure you want to delete the chat history?" }),
+            /* @__PURE__ */ t.jsxs("div", { className: "swtty-action", style: a.modalActions, children: [
+              /* @__PURE__ */ t.jsx(
+                "input",
+                {
+                  type: "button",
+                  className: "swttyw-btn swttyw-btn-primary",
+                  id: "swttyw-btn-clear-history-yes",
+                  onClick: Y,
+                  value: "Yes",
+                  style: {
+                    background: "var(--swttyw-primary-color)",
+                    color: "white",
+                    border: "none",
+                    padding: "10px 20px",
+                    cursor: "pointer",
+                    borderRadius: "8px",
+                    margin: "10px 5px"
                   }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  "input",
-                  {
-                    type: "button",
-                    className: "swttyw-btn swttyw-btn-primary-inverse",
-                    id: "swttyw-btn-clear-history-no",
-                    onClick: () => S(!1),
-                    value: "No",
-                    style: {
-                      background: "transparent",
-                      color: "var(--swttyw-primary-color)",
-                      border: "1px solid var(--swttyw-primary-color)",
-                      padding: "10px 20px",
-                      cursor: "pointer",
-                      borderRadius: "8px",
-                      margin: "10px 5px"
-                    }
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "input",
+                {
+                  type: "button",
+                  className: "swttyw-btn swttyw-btn-primary-inverse",
+                  id: "swttyw-btn-clear-history-no",
+                  onClick: () => _(!1),
+                  value: "No",
+                  style: {
+                    background: "transparent",
+                    color: "var(--swttyw-primary-color)",
+                    border: "1px solid var(--swttyw-primary-color)",
+                    padding: "10px 20px",
+                    cursor: "pointer",
+                    borderRadius: "8px",
+                    margin: "10px 5px"
                   }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ t.jsx("div", { className: "swtty-modal-footer" })
+                }
+              )
+            ] })
           ] }),
-          !j && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-footer", style: a.footer, children: [
-            "Powered by ",
-            /* @__PURE__ */ t.jsx("a", { href: "https://superwise.ai/", className: "ml-1", target: "_new", style: { marginLeft: "0.25rem", lineHeight: 0 }, children: /* @__PURE__ */ t.jsx("img", { src: "https://rebrandstg.superwise.ai/wp-content/plugins/superwise-ttyw/front/images/sw_ttyw_white_logo.svg", alt: "SUPERWISE®", height: "20" }) })
-          ] })
-        ]
-      }
-    )
-  ] });
+          /* @__PURE__ */ t.jsx("div", { className: "swtty-modal-footer" })
+        ] }),
+        !k && /* @__PURE__ */ t.jsxs("div", { className: "sw-ttyw-chat-footer", style: a.footer, children: [
+          "Powered by ",
+          /* @__PURE__ */ t.jsx("a", { href: "https://superwise.ai/", className: "ml-1", target: "_new", style: { marginLeft: "0.25rem", lineHeight: 0 }, children: /* @__PURE__ */ t.jsx("img", { src: "/images/White%20-%20Logo_Superwise%20-%20Standard.png", alt: "SUPERWISE®", height: "20" }) })
+        ] })
+      ]
+    }
+  ) });
 }
 export {
-  xe as Chatbot
+  ye as Chatbot
 };