feat: add SIWA feedback functionality to dashboard chat

Author: Yash094

apps/dashboard/src/app/nebula-app/(app)/components/CustomChat/CustomChatContent.tsx

@@ -12,8 +12,7 @@ import type { NebulaUserMessage } from "../../api/types";
 import type { ExamplePrompt } from "../../data/examplePrompts";
 import { NebulaIcon } from "../../icons/NebulaIcon";
 import { ChatBar } from "../ChatBar";
-import { Chats } from "../Chats";
-import type { ChatMessage } from "../Chats";
+import { type CustomChatMessage, CustomChats } from "./CustomChats";
 
 export default function CustomChatContent(props: {
   authToken: string | undefined;
@@ -49,7 +48,7 @@ function CustomChatContentLoggedIn(props: {
   networks: NebulaContext["networks"];
 }) {
   const [userHasSubmittedMessage, setUserHasSubmittedMessage] = useState(false);
-  const [messages, setMessages] = useState<Array<ChatMessage>>([]);
+  const [messages, setMessages] = useState<Array<CustomChatMessage>>([]);
   // sessionId is initially undefined, will be set to conversationId from API after first response
   const [sessionId, setSessionId] = useState<string | undefined>(undefined);
   const [chatAbortController, setChatAbortController] = useState<
@@ -149,6 +148,70 @@ function CustomChatContentLoggedIn(props: {
     [props.authToken, props.clientId, props.teamId, sessionId, trackEvent],
   );
 
+  const handleFeedback = useCallback(
+    async (messageIndex: number, feedback: 1 | -1) => {
+      if (!sessionId) {
+        console.error("Cannot submit feedback: missing session ID");
+        return;
+      }
+
+      // Validate message exists and is of correct type
+      const message = messages[messageIndex];
+      if (!message || message.type !== "assistant") {
+        console.error("Invalid message for feedback:", messageIndex);
+        return;
+      }
+
+      // Prevent duplicate feedback
+      if (message.feedback) {
+        console.warn("Feedback already submitted for this message");
+        return;
+      }
+
+      try {
+        trackEvent({
+          category: "siwa",
+          action: "submit-feedback",
+          rating: feedback === 1 ? "good" : "bad",
+          sessionId,
+          teamId: props.teamId,
+        });
+
+        const apiUrl = process.env.NEXT_PUBLIC_SIWA_URL;
+        const response = await fetch(`${apiUrl}/v1/chat/feedback`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${props.authToken}`,
+            ...(props.teamId ? { "x-team-id": props.teamId } : {}),
+          },
+          body: JSON.stringify({
+            conversationId: sessionId,
+            feedbackRating: feedback,
+          }),
+        });
+
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+        }
+
+        // Update the message with feedback
+        setMessages((prev) =>
+          prev.map((msg, index) =>
+            index === messageIndex && msg.type === "assistant"
+              ? { ...msg, feedback }
+              : msg,
+          ),
+        );
+      } catch (error) {
+        console.error("Failed to send feedback:", error);
+        // Optionally show user-facing error notification
+        // Consider implementing retry logic here
+      }
+    },
+    [sessionId, props.authToken, props.teamId, trackEvent, messages],
+  );
+
   const showEmptyState = !userHasSubmittedMessage && messages.length === 0;
   return (
     <div className="flex grow flex-col overflow-hidden">
@@ -158,7 +221,7 @@ function CustomChatContentLoggedIn(props: {
           examplePrompts={props.examplePrompts}
         />
       ) : (
-        <Chats
+        <CustomChats
           messages={messages}
           isChatStreaming={isChatStreaming}
           authToken={props.authToken}
@@ -169,6 +232,7 @@ function CustomChatContentLoggedIn(props: {
           setEnableAutoScroll={setEnableAutoScroll}
           useSmallText
           sendMessage={handleSendMessage}
+          onFeedback={handleFeedback}
         />
       )}
       <ChatBar