@copilotkit/react-ui 1.10.6-next.6 → 1.10.7-next.0

package/dist/components/chat/Popup.mjs

@@ -1,28 +1,28 @@
 import {
   CopilotPopup
-} from "../../chunk-5HQD6ZPA.mjs";
-import "../../chunk-7HAFY2YK.mjs";
+} from "../../chunk-YBRHDFVQ.mjs";
+import "../../chunk-VTYBYTE6.mjs";
 import "../../chunk-C3GSYRC3.mjs";
-import "../../chunk-GDSZGYCE.mjs";
+import "../../chunk-V6DDX4LH.mjs";
 import "../../chunk-V7W6IM2V.mjs";
-import "../../chunk-FFJHOZX6.mjs";
-import "../../chunk-Q5V6S67N.mjs";
-import "../../chunk-JY2CSDKN.mjs";
+import "../../chunk-WBPBTTQD.mjs";
 import "../../chunk-KXE2JCUH.mjs";
 import "../../chunk-NRA3CFEE.mjs";
 import "../../chunk-BH6PCAAL.mjs";
+import "../../chunk-Q5V6S67N.mjs";
+import "../../chunk-JY2CSDKN.mjs";
 import "../../chunk-UFN2VWSR.mjs";
-import "../../chunk-G7VB7A4O.mjs";
+import "../../chunk-MJEYL3FK.mjs";
 import "../../chunk-226ZMOE3.mjs";
 import "../../chunk-W26XFBEG.mjs";
 import "../../chunk-PLHTVHUW.mjs";
 import "../../chunk-ZJCHKHE4.mjs";
 import "../../chunk-ELGRNEAO.mjs";
 import "../../chunk-QIOJXTIQ.mjs";
-import "../../chunk-W7ONZTSW.mjs";
-import "../../chunk-2LIO4Z3E.mjs";
-import "../../chunk-5XLGXUQI.mjs";
-import "../../chunk-3QYTKBWC.mjs";
+import "../../chunk-OWX6YJZH.mjs";
+import "../../chunk-RKULVDQO.mjs";
+import "../../chunk-2XARU6EY.mjs";
+import "../../chunk-KX44MLR6.mjs";
 import "../../chunk-DBKRAOH7.mjs";
 import "../../chunk-VVL6JFCJ.mjs";
 import "../../chunk-JZ3RFQQ6.mjs";

package/dist/components/chat/Sidebar.js

@@ -1581,6 +1581,7 @@ var AssistantMessage = (props) => {
     onThumbsUp,
     onThumbsDown,
     isCurrentMessage,
+    feedback,
     markdownTagRenderers
   } = props;
   const [copied, setCopied] = (0, import_react8.useState)(false);
@@ -1602,12 +1603,14 @@ var AssistantMessage = (props) => {
       onRegenerate();
   };
   const handleThumbsUp = () => {
-    if (onThumbsUp && message)
+    if (onThumbsUp && message) {
       onThumbsUp(message);
+    }
   };
   const handleThumbsDown = () => {
-    if (onThumbsDown && message)
+    if (onThumbsDown && message) {
       onThumbsDown(message);
+    }
   };
   const LoadingIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: icons.activityIcon });
   const content = (message == null ? void 0 : message.content) || "";
@@ -1643,7 +1646,7 @@ var AssistantMessage = (props) => {
             onThumbsUp && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "button",
               {
-                className: "copilotKitMessageControlButton",
+                className: `copilotKitMessageControlButton ${feedback === "thumbsUp" ? "active" : ""}`,
                 onClick: handleThumbsUp,
                 "aria-label": labels.thumbsUp,
                 title: labels.thumbsUp,
@@ -1653,7 +1656,7 @@ var AssistantMessage = (props) => {
             onThumbsDown && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "button",
               {
-                className: "copilotKitMessageControlButton",
+                className: `copilotKitMessageControlButton ${feedback === "thumbsDown" ? "active" : ""}`,
                 onClick: handleThumbsDown,
                 "aria-label": labels.thumbsDown,
                 title: labels.thumbsDown,
@@ -1721,6 +1724,7 @@ function RenderMessage(_a) {
     onCopy,
     onThumbsUp,
     onThumbsDown,
+    messageFeedback,
     markdownTagRenderers
   } = props;
   switch (message.role) {
@@ -1750,6 +1754,7 @@ function RenderMessage(_a) {
           onCopy,
           onThumbsUp,
           onThumbsDown,
+          feedback: (messageFeedback == null ? void 0 : messageFeedback[message.id]) || null,
           markdownTagRenderers,
           ImageRenderer: ImageRenderer2
         },
@@ -1890,6 +1895,7 @@ var Messages = ({
   onCopy,
   onThumbsUp,
   onThumbsDown,
+  messageFeedback,
   markdownTagRenderers,
   chatError,
   // Legacy props
@@ -1947,6 +1953,7 @@ var Messages = ({
             onCopy,
             onThumbsUp,
             onThumbsDown,
+            messageFeedback,
             markdownTagRenderers
           },
           index
@@ -2517,6 +2524,9 @@ function CopilotChat({
   const { publicApiKey, chatApiEndpoint } = copilotApiConfig;
   const [selectedImages, setSelectedImages] = (0, import_react15.useState)([]);
   const [chatError, setChatError] = (0, import_react15.useState)(null);
+  const [messageFeedback, setMessageFeedback] = (0, import_react15.useState)(
+    {}
+  );
   const fileInputRef = (0, import_react15.useRef)(null);
   const triggerObservabilityHook = (0, import_react15.useCallback)(
     (hookName, ...args) => {
@@ -2744,12 +2754,18 @@ function CopilotChat({
     if (onThumbsUp) {
       onThumbsUp(message);
     }
+    setMessageFeedback((prev) => __spreadProps(__spreadValues({}, prev), {
+      [message.id]: "thumbsUp"
+    }));
     triggerObservabilityHook("onFeedbackGiven", message.id, "thumbsUp");
   };
   const handleThumbsDown = (message) => {
     if (onThumbsDown) {
       onThumbsDown(message);
     }
+    setMessageFeedback((prev) => __spreadProps(__spreadValues({}, prev), {
+      [message.id]: "thumbsDown"
+    }));
     triggerObservabilityHook("onFeedbackGiven", message.id, "thumbsDown");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(WrappedCopilotChat, { icons, labels, className, children: [
@@ -2771,6 +2787,7 @@ function CopilotChat({
         onCopy: handleCopy,
         onThumbsUp: handleThumbsUp,
         onThumbsDown: handleThumbsDown,
+        messageFeedback,
         markdownTagRenderers,
         ImageRenderer: ImageRenderer2,
         ErrorMessage,