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

package/dist/components/chat/Sidebar.mjs

@@ -1,37 +1,37 @@
 import {
   CopilotSidebar
-} from "../../chunk-7RDGZ5JL.mjs";
-import "../../chunk-H5Y4W7DM.mjs";
+} from "../../chunk-PIFTVJG3.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-ME2WM7IP.mjs";
+import "../../chunk-MJEYL3FK.mjs";
 import "../../chunk-226ZMOE3.mjs";
 import "../../chunk-W26XFBEG.mjs";
 import "../../chunk-PLHTVHUW.mjs";
-import "../../chunk-EZQA3UPQ.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";
-import "../../chunk-O72ZB5V3.mjs";
 import "../../chunk-IEMQ2SQW.mjs";
 import "../../chunk-IK2BPURM.mjs";
 import "../../chunk-XWG3L6QC.mjs";
 import "../../chunk-54JAUBUJ.mjs";
 import "../../chunk-JGMFJZMG.mjs";
+import "../../chunk-O72ZB5V3.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {
   CopilotSidebar

package/dist/components/chat/index.js

@@ -1589,6 +1589,7 @@ var AssistantMessage = (props) => {
     onThumbsUp,
     onThumbsDown,
     isCurrentMessage,
+    feedback,
     markdownTagRenderers
   } = props;
   const [copied, setCopied] = (0, import_react8.useState)(false);
@@ -1610,12 +1611,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) || "";
@@ -1651,7 +1654,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,
@@ -1661,7 +1664,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,
@@ -1729,6 +1732,7 @@ function RenderMessage(_a) {
     onCopy,
     onThumbsUp,
     onThumbsDown,
+    messageFeedback,
     markdownTagRenderers
   } = props;
   switch (message.role) {
@@ -1758,6 +1762,7 @@ function RenderMessage(_a) {
           onCopy,
           onThumbsUp,
           onThumbsDown,
+          feedback: (messageFeedback == null ? void 0 : messageFeedback[message.id]) || null,
           markdownTagRenderers,
           ImageRenderer: ImageRenderer2
         },
@@ -1898,6 +1903,7 @@ var Messages = ({
   onCopy,
   onThumbsUp,
   onThumbsDown,
+  messageFeedback,
   markdownTagRenderers,
   chatError,
   // Legacy props
@@ -1955,6 +1961,7 @@ var Messages = ({
             onCopy,
             onThumbsUp,
             onThumbsDown,
+            messageFeedback,
             markdownTagRenderers
           },
           index
@@ -2525,6 +2532,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) => {
@@ -2752,12 +2762,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: [
@@ -2779,6 +2795,7 @@ function CopilotChat({
         onCopy: handleCopy,
         onThumbsUp: handleThumbsUp,
         onThumbsDown: handleThumbsDown,
+        messageFeedback,
         markdownTagRenderers,
         ImageRenderer: ImageRenderer2,
         ErrorMessage,