strapi-plugin-faqchatbot 1.0.2 → 1.0.4

package/dist/_chunks/{App-BegikOzF.js → App-B9KjKqVf.js}

@@ -9336,7 +9336,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
     var ys = arrObjKeys(obj, inspect2);
     var isPlainObject2 = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
     var protoTag = obj instanceof Object ? "" : "null prototype";
-    var stringTag2 = !isPlainObject2 && toStringTag$1 && Object(obj) === obj && toStringTag$1 in obj ? $slice.call(toStr$1(obj), 8, -1) : protoTag ? "Object" : "";
+    var stringTag2 = !isPlainObject2 && toStringTag$1 && Object(obj) === obj && toStringTag$1 in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? "Object" : "";
     var constructorTag = isPlainObject2 || typeof obj.constructor !== "function" ? "" : obj.constructor.name ? obj.constructor.name + " " : "";
     var tag = constructorTag + (stringTag2 || protoTag ? "[" + $join.call($concat$1.call([], stringTag2 || [], protoTag || []), ": ") + "] " : "");
     if (ys.length === 0) {
@@ -9361,25 +9361,25 @@ function canTrustToString(obj) {
   return !toStringTag$1 || !(typeof obj === "object" && (toStringTag$1 in obj || typeof obj[toStringTag$1] !== "undefined"));
 }
 function isArray$4(obj) {
-  return toStr$1(obj) === "[object Array]" && canTrustToString(obj);
+  return toStr(obj) === "[object Array]" && canTrustToString(obj);
 }
 function isDate$2(obj) {
-  return toStr$1(obj) === "[object Date]" && canTrustToString(obj);
+  return toStr(obj) === "[object Date]" && canTrustToString(obj);
 }
 function isRegExp$2(obj) {
-  return toStr$1(obj) === "[object RegExp]" && canTrustToString(obj);
+  return toStr(obj) === "[object RegExp]" && canTrustToString(obj);
 }
 function isError(obj) {
-  return toStr$1(obj) === "[object Error]" && canTrustToString(obj);
+  return toStr(obj) === "[object Error]" && canTrustToString(obj);
 }
 function isString$1(obj) {
-  return toStr$1(obj) === "[object String]" && canTrustToString(obj);
+  return toStr(obj) === "[object String]" && canTrustToString(obj);
 }
 function isNumber$1(obj) {
-  return toStr$1(obj) === "[object Number]" && canTrustToString(obj);
+  return toStr(obj) === "[object Number]" && canTrustToString(obj);
 }
 function isBoolean$1(obj) {
-  return toStr$1(obj) === "[object Boolean]" && canTrustToString(obj);
+  return toStr(obj) === "[object Boolean]" && canTrustToString(obj);
 }
 function isSymbol(obj) {
   if (hasShammedSymbols) {
@@ -9415,7 +9415,7 @@ var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
 function has$5(obj, key) {
   return hasOwn$1.call(obj, key);
 }
-function toStr$1(obj) {
+function toStr(obj) {
   return objectToString.call(obj);
 }
 function nameOf(f2) {
@@ -9724,7 +9724,7 @@ var syntax = SyntaxError;
 var uri = URIError;
 var abs$1 = Math.abs;
 var floor$1 = Math.floor;
-var max$2 = Math.max;
+var max$1 = Math.max;
 var min$1 = Math.min;
 var pow$1 = Math.pow;
 var round$1 = Math.round;
@@ -9853,78 +9853,99 @@ function requireObject_getPrototypeOf() {
   Object_getPrototypeOf = $Object2.getPrototypeOf || null;
   return Object_getPrototypeOf;
 }
-var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
-var toStr = Object.prototype.toString;
-var max$1 = Math.max;
-var funcType = "[object Function]";
-var concatty = function concatty2(a2, b2) {
-  var arr = [];
-  for (var i2 = 0; i2 < a2.length; i2 += 1) {
-    arr[i2] = a2[i2];
-  }
-  for (var j2 = 0; j2 < b2.length; j2 += 1) {
-    arr[j2 + a2.length] = b2[j2];
-  }
-  return arr;
-};
-var slicy = function slicy2(arrLike, offset) {
-  var arr = [];
-  for (var i2 = offset, j2 = 0; i2 < arrLike.length; i2 += 1, j2 += 1) {
-    arr[j2] = arrLike[i2];
-  }
-  return arr;
-};
-var joiny = function(arr, joiner) {
-  var str = "";
-  for (var i2 = 0; i2 < arr.length; i2 += 1) {
-    str += arr[i2];
-    if (i2 + 1 < arr.length) {
-      str += joiner;
+var implementation;
+var hasRequiredImplementation;
+function requireImplementation() {
+  if (hasRequiredImplementation) return implementation;
+  hasRequiredImplementation = 1;
+  var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
+  var toStr2 = Object.prototype.toString;
+  var max2 = Math.max;
+  var funcType = "[object Function]";
+  var concatty = function concatty2(a2, b2) {
+    var arr = [];
+    for (var i2 = 0; i2 < a2.length; i2 += 1) {
+      arr[i2] = a2[i2];
     }
-  }
-  return str;
-};
-var implementation$1 = function bind(that) {
-  var target = this;
-  if (typeof target !== "function" || toStr.apply(target) !== funcType) {
-    throw new TypeError(ERROR_MESSAGE + target);
-  }
-  var args = slicy(arguments, 1);
-  var bound;
-  var binder = function() {
-    if (this instanceof bound) {
-      var result = target.apply(
-        this,
-        concatty(args, arguments)
-      );
-      if (Object(result) === result) {
-        return result;
+    for (var j2 = 0; j2 < b2.length; j2 += 1) {
+      arr[j2 + a2.length] = b2[j2];
+    }
+    return arr;
+  };
+  var slicy = function slicy2(arrLike, offset) {
+    var arr = [];
+    for (var i2 = offset, j2 = 0; i2 < arrLike.length; i2 += 1, j2 += 1) {
+      arr[j2] = arrLike[i2];
+    }
+    return arr;
+  };
+  var joiny = function(arr, joiner) {
+    var str = "";
+    for (var i2 = 0; i2 < arr.length; i2 += 1) {
+      str += arr[i2];
+      if (i2 + 1 < arr.length) {
+        str += joiner;
       }
-      return this;
     }
-    return target.apply(
-      that,
-      concatty(args, arguments)
-    );
+    return str;
   };
-  var boundLength = max$1(0, target.length - args.length);
-  var boundArgs = [];
-  for (var i2 = 0; i2 < boundLength; i2++) {
-    boundArgs[i2] = "$" + i2;
-  }
-  bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
-  if (target.prototype) {
-    var Empty = function Empty2() {
+  implementation = function bind2(that) {
+    var target = this;
+    if (typeof target !== "function" || toStr2.apply(target) !== funcType) {
+      throw new TypeError(ERROR_MESSAGE + target);
+    }
+    var args = slicy(arguments, 1);
+    var bound;
+    var binder = function() {
+      if (this instanceof bound) {
+        var result = target.apply(
+          this,
+          concatty(args, arguments)
+        );
+        if (Object(result) === result) {
+          return result;
+        }
+        return this;
+      }
+      return target.apply(
+        that,
+        concatty(args, arguments)
+      );
     };
-    Empty.prototype = target.prototype;
-    bound.prototype = new Empty();
-    Empty.prototype = null;
-  }
-  return bound;
-};
-var implementation = implementation$1;
-var functionBind = Function.prototype.bind || implementation;
-var functionCall = Function.prototype.call;
+    var boundLength = max2(0, target.length - args.length);
+    var boundArgs = [];
+    for (var i2 = 0; i2 < boundLength; i2++) {
+      boundArgs[i2] = "$" + i2;
+    }
+    bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
+    if (target.prototype) {
+      var Empty = function Empty2() {
+      };
+      Empty.prototype = target.prototype;
+      bound.prototype = new Empty();
+      Empty.prototype = null;
+    }
+    return bound;
+  };
+  return implementation;
+}
+var functionBind;
+var hasRequiredFunctionBind;
+function requireFunctionBind() {
+  if (hasRequiredFunctionBind) return functionBind;
+  hasRequiredFunctionBind = 1;
+  var implementation2 = requireImplementation();
+  functionBind = Function.prototype.bind || implementation2;
+  return functionBind;
+}
+var functionCall;
+var hasRequiredFunctionCall;
+function requireFunctionCall() {
+  if (hasRequiredFunctionCall) return functionCall;
+  hasRequiredFunctionCall = 1;
+  functionCall = Function.prototype.call;
+  return functionCall;
+}
 var functionApply;
 var hasRequiredFunctionApply;
 function requireFunctionApply() {
@@ -9934,14 +9955,14 @@ function requireFunctionApply() {
   return functionApply;
 }
 var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-var bind$3 = functionBind;
+var bind$3 = requireFunctionBind();
 var $apply$1 = requireFunctionApply();
-var $call$2 = functionCall;
+var $call$2 = requireFunctionCall();
 var $reflectApply = reflectApply;
 var actualApply = $reflectApply || bind$3.call($call$2, $apply$1);
-var bind$2 = functionBind;
+var bind$2 = requireFunctionBind();
 var $TypeError$4 = type;
-var $call$1 = functionCall;
+var $call$1 = requireFunctionCall();
 var $actualApply = actualApply;
 var callBindApplyHelpers = function callBindBasic(args) {
   if (args.length < 1 || typeof args[0] !== "function") {
@@ -10007,8 +10028,8 @@ function requireHasown() {
   hasRequiredHasown = 1;
   var call = Function.prototype.call;
   var $hasOwn = Object.prototype.hasOwnProperty;
-  var bind3 = functionBind;
-  hasown = bind3.call(call, $hasOwn);
+  var bind2 = requireFunctionBind();
+  hasown = bind2.call(call, $hasOwn);
   return hasown;
 }
 var undefined$1;
@@ -10022,7 +10043,7 @@ var $TypeError$3 = type;
 var $URIError = uri;
 var abs = abs$1;
 var floor = floor$1;
-var max = max$2;
+var max = max$1;
 var min = min$1;
 var pow = pow$1;
 var round = round$1;
@@ -10056,7 +10077,7 @@ var getProto = requireGetProto();
 var $ObjectGPO = requireObject_getPrototypeOf();
 var $ReflectGPO = requireReflect_getPrototypeOf();
 var $apply = requireFunctionApply();
-var $call = functionCall;
+var $call = requireFunctionCall();
 var needsEval = {};
 var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
 var INTRINSICS = {
@@ -10227,7 +10248,7 @@ var LEGACY_ALIASES = {
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
 };
-var bind$1 = functionBind;
+var bind$1 = requireFunctionBind();
 var hasOwn = requireHasown();
 var $concat = bind$1.call($call, Array.prototype.concat);
 var $spliceApply = bind$1.call($apply, Array.prototype.splice);
@@ -14558,7 +14579,7 @@ const admin = adminApi.enhanceEndpoints({
   overrideExisting: false
 });
 const { useInitQuery, useTelemetryPropertiesQuery, useInformationQuery, useProjectSettingsQuery, useUpdateProjectSettingsMutation, useGetPluginsQuery, useGetLicenseLimitsQuery, useGetLicenseTrialTimeLeftQuery, useGetGuidedTourMetaQuery } = admin;
-function bind2(fn2, thisArg) {
+function bind(fn2, thisArg) {
   return function wrap() {
     return fn2.apply(thisArg, arguments);
   };
@@ -14695,7 +14716,7 @@ function merge2() {
 const extend = (a2, b2, thisArg, { allOwnKeys } = {}) => {
   forEach$1(b2, (val, key) => {
     if (thisArg && isFunction$1(val)) {
-      a2[key] = bind2(val, thisArg);
+      a2[key] = bind(val, thisArg);
     } else {
       a2[key] = val;
     }
@@ -16975,7 +16996,7 @@ Object.entries(HttpStatusCode$1).forEach(([key, value]) => {
 });
 function createInstance(defaultConfig) {
   const context = new Axios$1(defaultConfig);
-  const instance = bind2(Axios$1.prototype.request, context);
+  const instance = bind(Axios$1.prototype.request, context);
   utils$1.extend(instance, Axios$1.prototype, context, { allOwnKeys: true });
   utils$1.extend(instance, context, null, { allOwnKeys: true });
   instance.create = function create2(instanceConfig) {
@@ -24975,7 +24996,7 @@ const ChatWindowWrapper = styled__default.default(designSystem.Box)`
   height: 500px;
   z-index: 1000;
   overflow: hidden;
-  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
   transform-origin: bottom right;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -25031,27 +25052,29 @@ const ChatbotPreview = () => {
       if (!res.ok) throw new Error("Request failed");
       const reader = res.body?.getReader();
       if (!reader) throw new Error("No stream");
+      const decoder = new TextDecoder();
       let botMessage = "";
-      let doneStream = false;
       setMessages((prev) => [...prev, { text: "", isUser: false }]);
-      while (!doneStream) {
+      while (true) {
         const { done, value } = await reader.read();
         if (done) break;
-        const chunk = new TextDecoder().decode(value);
+        const chunk = decoder.decode(value, { stream: true });
         const lines = chunk.split("\n");
-        for (const line of lines) {
-          if (!line.startsWith("data: ")) continue;
-          const text = line.replace("data: ", "").trim();
-          if (text === "[DONE]") {
-            doneStream = true;
-            break;
+        for (let rawLine of lines) {
+          const line = rawLine.replace(/\r/g, "");
+          if (line.includes("[DONE]")) return;
+          if (line.startsWith("data: ")) {
+            const token = line.replace("data: ", "");
+            botMessage += token;
+            setMessages((prev) => {
+              const updated = [...prev];
+              updated[updated.length - 1] = {
+                text: botMessage,
+                isUser: false
+              };
+              return updated;
+            });
           }
-          botMessage += text;
-          setMessages((prev) => {
-            const updated = [...prev];
-            updated[updated.length - 1] = { text: botMessage, isUser: false };
-            return updated;
-          });
         }
       }
     } catch (err) {
@@ -25068,14 +25091,74 @@ const ChatbotPreview = () => {
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons.Message, { color: "neutral0", width: 18 }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "neutral0", children: "Chatbot Preview" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { as: "button", onClick: handleClearHistory, style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Clear History", children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, { color: "neutral0", width: 14 }) })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
+            {
+              as: "button",
+              onClick: handleClearHistory,
+              style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+              title: "Clear History",
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, { color: "neutral0", width: 14 })
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { as: "button", onClick: () => setIsOpen(false), style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Close Chat", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, { color: "neutral0", width: 14 }) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            as: "button",
+            onClick: () => setIsOpen(false),
+            style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+            title: "Close Chat",
+            children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, { color: "neutral0", width: 14 })
+          }
+        )
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { ref: scrollRef, padding: 4, background: "neutral100", style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, hasRadius: true, background: msg.isUser ? "primary600" : "neutral0", shadow: "filterShadow", style: { alignSelf: msg.isUser ? "flex-end" : "flex-start", maxWidth: "85%" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text }) }, idx)) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Box,
+        {
+          ref: scrollRef,
+          padding: 4,
+          background: "neutral100",
+          style: { flex: 1, overflowY: "auto" },
+          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
+            {
+              padding: 3,
+              hasRadius: true,
+              background: msg.isUser ? "primary600" : "neutral0",
+              shadow: "filterShadow",
+              style: {
+                alignSelf: msg.isUser ? "flex-end" : "flex-start",
+                maxWidth: "85%",
+                wordBreak: "break-word",
+                overflowWrap: "anywhere",
+                whiteSpace: "pre-wrap"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text })
+            },
+            idx
+          )) })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "neutral0", style: { borderTop: "1px solid #f0f0f5" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.TextInput, { placeholder: "Type a message...", value: chatInput, onChange: (e2) => setChatInput(e2.target.value), onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage() }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleSendMessage, style: { height: "40px" }, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}), children: "Send" })
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.TextInput,
+          {
+            placeholder: "Type a message...",
+            value: chatInput,
+            onChange: (e2) => setChatInput(e2.target.value),
+            onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage()
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            onClick: handleSendMessage,
+            style: { height: "40px" },
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.PaperPlane, {}),
+            children: "Send"
+          }
+        )
       ] }) })
     ] }) })
   ] });

package/dist/_chunks/{App-_ybXHESK.mjs → App-BLjeG5zk.mjs}

@@ -24974,7 +24974,7 @@ const ChatWindowWrapper = styled$1(Box)`
   height: 500px;
   z-index: 1000;
   overflow: hidden;
-  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
   transform-origin: bottom right;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -25030,27 +25030,29 @@ const ChatbotPreview = () => {
       if (!res.ok) throw new Error("Request failed");
       const reader = res.body?.getReader();
       if (!reader) throw new Error("No stream");
+      const decoder = new TextDecoder();
       let botMessage = "";
-      let doneStream = false;
       setMessages((prev) => [...prev, { text: "", isUser: false }]);
-      while (!doneStream) {
+      while (true) {
         const { done, value } = await reader.read();
         if (done) break;
-        const chunk = new TextDecoder().decode(value);
+        const chunk = decoder.decode(value, { stream: true });
         const lines = chunk.split("\n");
-        for (const line of lines) {
-          if (!line.startsWith("data: ")) continue;
-          const text = line.replace("data: ", "").trim();
-          if (text === "[DONE]") {
-            doneStream = true;
-            break;
+        for (let rawLine of lines) {
+          const line = rawLine.replace(/\r/g, "");
+          if (line.includes("[DONE]")) return;
+          if (line.startsWith("data: ")) {
+            const token = line.replace("data: ", "");
+            botMessage += token;
+            setMessages((prev) => {
+              const updated = [...prev];
+              updated[updated.length - 1] = {
+                text: botMessage,
+                isUser: false
+              };
+              return updated;
+            });
           }
-          botMessage += text;
-          setMessages((prev) => {
-            const updated = [...prev];
-            updated[updated.length - 1] = { text: botMessage, isUser: false };
-            return updated;
-          });
         }
       }
     } catch (err) {
@@ -25067,14 +25069,74 @@ const ChatbotPreview = () => {
         /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
           /* @__PURE__ */ jsx(Message, { color: "neutral0", width: 18 }),
           /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral0", children: "Chatbot Preview" }),
-          /* @__PURE__ */ jsx(Box, { as: "button", onClick: handleClearHistory, style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Clear History", children: /* @__PURE__ */ jsx(ArrowClockwise, { color: "neutral0", width: 14 }) })
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              as: "button",
+              onClick: handleClearHistory,
+              style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+              title: "Clear History",
+              children: /* @__PURE__ */ jsx(ArrowClockwise, { color: "neutral0", width: 14 })
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx(Box, { as: "button", onClick: () => setIsOpen(false), style: { background: "none", border: "none", cursor: "pointer", display: "flex" }, title: "Close Chat", children: /* @__PURE__ */ jsx(Cross, { color: "neutral0", width: 14 }) })
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            as: "button",
+            onClick: () => setIsOpen(false),
+            style: { background: "none", border: "none", cursor: "pointer", display: "flex" },
+            title: "Close Chat",
+            children: /* @__PURE__ */ jsx(Cross, { color: "neutral0", width: 14 })
+          }
+        )
       ] }) }),
-      /* @__PURE__ */ jsx(Box, { ref: scrollRef, padding: 4, background: "neutral100", style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsx(Box, { padding: 3, hasRadius: true, background: msg.isUser ? "primary600" : "neutral0", shadow: "filterShadow", style: { alignSelf: msg.isUser ? "flex-end" : "flex-start", maxWidth: "85%" }, children: /* @__PURE__ */ jsx(Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text }) }, idx)) }) }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          ref: scrollRef,
+          padding: 4,
+          background: "neutral100",
+          style: { flex: 1, overflowY: "auto" },
+          children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: messages.map((msg, idx) => /* @__PURE__ */ jsx(
+            Box,
+            {
+              padding: 3,
+              hasRadius: true,
+              background: msg.isUser ? "primary600" : "neutral0",
+              shadow: "filterShadow",
+              style: {
+                alignSelf: msg.isUser ? "flex-end" : "flex-start",
+                maxWidth: "85%",
+                wordBreak: "break-word",
+                overflowWrap: "anywhere",
+                whiteSpace: "pre-wrap"
+              },
+              children: /* @__PURE__ */ jsx(Typography, { textColor: msg.isUser ? "neutral0" : "neutral800", children: msg.text })
+            },
+            idx
+          )) })
+        }
+      ),
       /* @__PURE__ */ jsx(Box, { padding: 3, background: "neutral0", style: { borderTop: "1px solid #f0f0f5" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsx(TextInput, { placeholder: "Type a message...", value: chatInput, onChange: (e2) => setChatInput(e2.target.value), onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage() }) }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleSendMessage, style: { height: "40px" }, startIcon: /* @__PURE__ */ jsx(PaperPlane, {}), children: "Send" })
+        /* @__PURE__ */ jsx(Box, { style: { flexGrow: 1 }, children: /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Type a message...",
+            value: chatInput,
+            onChange: (e2) => setChatInput(e2.target.value),
+            onKeyDown: (e2) => e2.key === "Enter" && handleSendMessage()
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleSendMessage,
+            style: { height: "40px" },
+            startIcon: /* @__PURE__ */ jsx(PaperPlane, {}),
+            children: "Send"
+          }
+        )
       ] }) })
     ] }) })
   ] });

package/dist/admin/index.js

@@ -26,7 +26,7 @@ const Initializer = ({ setPlugin }) => {
   }, []);
   return null;
 };
-const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.PuzzlePiece, {});
+const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Discuss, {});
 const index = {
   register(app) {
     app.addMenuLink({
@@ -37,7 +37,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("../_chunks/App-BegikOzF.js"));
+        const { App } = await Promise.resolve().then(() => require("../_chunks/App-B9KjKqVf.js"));
         return App;
       }
     });

package/dist/admin/index.mjs

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-import { PuzzlePiece } from "@strapi/icons";
+import { Discuss } from "@strapi/icons";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
@@ -25,7 +25,7 @@ const Initializer = ({ setPlugin }) => {
   }, []);
   return null;
 };
-const PluginIcon = () => /* @__PURE__ */ jsx(PuzzlePiece, {});
+const PluginIcon = () => /* @__PURE__ */ jsx(Discuss, {});
 const index = {
   register(app) {
     app.addMenuLink({
@@ -36,7 +36,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await import("../_chunks/App-_ybXHESK.mjs");
+        const { App } = await import("../_chunks/App-BLjeG5zk.mjs");
         return App;
       }
     });

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.2",
+  "version": "1.0.4",
   "keywords": [],
   "type": "commonjs",
   "main": "dist/server/index.js",