more fixes

Author: joaquim-verges

apps/dashboard/src/app/(app)/team/[team_slug]/(team)/layout.tsx

@@ -4,9 +4,9 @@ import { AppFooter } from "@/components/blocks/app-footer";
 import { TabPathLinks } from "@/components/ui/tabs";
 import { AnnouncementBanner } from "components/notices/AnnouncementBanner";
 import { redirect } from "next/navigation";
+import { siwaExamplePrompts } from "../../../(dashboard)/support/page";
 import { getClientThirdwebClient } from "../../../../../@/constants/thirdweb-client.client";
 import { CustomChatButton } from "../../../../nebula-app/(app)/components/CustomChat/CustomChatButton";
-import { examplePrompts } from "../../../../nebula-app/(app)/data/examplePrompts";
 import { getValidAccount } from "../../../account/settings/getAccount";
 import {
   getAuthToken,
@@ -95,17 +95,13 @@ export default async function TeamLayout(props: {
       <main className="flex grow flex-col">{props.children}</main>
       <div className="fixed right-6 bottom-6 z-50">
         <CustomChatButton
+          clientId={undefined}
           isLoggedIn={true}
           networks="all"
           isFloating={true}
           pageType="support"
           label="Ask AI Assistant"
-          customApiParams={{
-            messagePrefix: `You are helping a user in the team "${team.name}". `,
-            chainIds: [],
-            wallet: undefined,
-          }}
-          examplePrompts={examplePrompts}
+          examplePrompts={siwaExamplePrompts}
           teamId={team.id}
           authToken={authToken}
         />

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

@@ -339,6 +339,7 @@ export function ChatPageContent(props: {
 
               {messages.length > 0 && (
                 <Chats
+                  teamId={undefined}
                   messages={messages}
                   isChatStreaming={isChatStreaming}
                   authToken={props.authToken}

apps/dashboard/src/app/nebula-app/(app)/components/Chats.stories.tsx

@@ -227,6 +227,7 @@ function Variant(props: {
 }) {
   return (
     <Chats
+      teamId={undefined}
       enableAutoScroll={false}
       setEnableAutoScroll={() => {}}
       client={storybookThirdwebClient}

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

@@ -5,6 +5,7 @@ import { AlertCircleIcon, ThumbsDownIcon, ThumbsUpIcon } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import type { ThirdwebClient } from "thirdweb";
 import { Button } from "../../../../@/components/ui/button";
+import { useTrack } from "../../../../hooks/analytics/useTrack";
 import type { NebulaSwapData } from "../api/chat";
 import type { NebulaUserMessage, NebulaUserMessageContent } from "../api/types";
 import { NebulaIcon } from "../icons/NebulaIcon";
@@ -254,7 +255,6 @@ function RenderMessage(props: {
             </ScrollShadow>
             <FeedbackButtons
               sessionId={props.sessionId}
-              messageText={message.type === "assistant" ? message.text : ""}
               authToken={props.authToken}
               teamId={props.teamId}
             />
@@ -465,22 +465,28 @@ function StyledMarkdownRenderer(props: {
 
 function FeedbackButtons({
   sessionId,
-  messageText,
   authToken,
   teamId,
 }: {
   sessionId: string | undefined;
-  messageText: string;
   authToken: string;
   teamId: string | undefined;
 }) {
-  const [, setFeedback] = useState<"good" | "bad" | null>(null);
+  const [, setFeedback] = useState<1 | -1 | null>(null);
   const [loading, setLoading] = useState(false);
   const [thankYou, setThankYou] = useState(false);
+  const trackEvent = useTrack();
 
-  async function sendFeedback(rating: "good" | "bad") {
+  async function sendFeedback(rating: 1 | -1) {
     setLoading(true);
     try {
+      trackEvent({
+        category: "siwa",
+        action: "submit-feedback",
+        rating: rating === 1 ? "good" : "bad",
+        sessionId,
+        teamId,
+      });
       const apiUrl = process.env.NEXT_PUBLIC_SIWA_URL;
       await fetch(`${apiUrl}/v1/chat/feedback`, {
         method: "POST",
@@ -491,8 +497,7 @@ function FeedbackButtons({
         },
         body: JSON.stringify({
           conversationId: sessionId,
-          message: messageText,
-          rating,
+          feedbackRating: rating,
         }),
       });
       setFeedback(rating);
@@ -517,7 +522,7 @@ function FeedbackButtons({
       <Button
         className="rounded-full border p-2 hover:bg-muted-foreground/10"
         variant="ghost"
-        onClick={() => sendFeedback("bad")}
+        onClick={() => sendFeedback(-1)}
         disabled={loading}
         aria-label="Thumbs down"
       >
@@ -526,7 +531,7 @@ function FeedbackButtons({
       <Button
         className="rounded-full border p-2 hover:bg-muted-foreground/10"
         variant="ghost"
-        onClick={() => sendFeedback("good")}
+        onClick={() => sendFeedback(1)}
         disabled={loading}
         aria-label="Thumbs up"
       >

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

@@ -6,6 +6,7 @@ import { MessageCircleIcon, XIcon } from "lucide-react";
 import { useCallback, useRef, useState } from "react";
 import { createThirdwebClient } from "thirdweb";
 import { NET_PUBLIC_DASHBOARD_THIRDWEB_CLIENT_ID } from "../../../../../@/constants/public-envs";
+import { useTrack } from "../../../../../hooks/analytics/useTrack";
 import CustomChatContent from "./CustomChatContent";
 
 // Create a thirdweb client for the chat functionality
@@ -29,12 +30,17 @@ export function CustomChatButton(props: {
   const [hasBeenOpened, setHasBeenOpened] = useState(false);
   const closeModal = useCallback(() => setIsOpen(false), []);
   const ref = useRef<HTMLDivElement>(null);
+  const trackEvent = useTrack();
 
   return (
     <>
       {/* Inline Button (not floating) */}
       <Button
         onClick={() => {
+          trackEvent({
+            category: "siwa",
+            action: "open-chat",
+          });
           setIsOpen(true);
           setHasBeenOpened(true);
         }}

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

@@ -70,9 +70,8 @@ function CustomChatContentLoggedIn(props: {
       const textMessage = userMessage.content.find((x) => x.type === "text");
 
       trackEvent({
-        category: "floating_siwa",
-        action: "send",
-        label: "message",
+        category: "siwa",
+        action: "send-message",
         message: textMessage?.text,
         sessionId: sessionId,
       });
@@ -159,6 +158,7 @@ function CustomChatContentLoggedIn(props: {
         />
       ) : (
         <Chats
+          teamId={props.teamId}
           messages={messages}
           isChatStreaming={isChatStreaming}
           authToken={props.authToken}
@@ -172,7 +172,7 @@ function CustomChatContentLoggedIn(props: {
         />
       )}
       <ChatBar
-        placeholder={"Ask AI"}
+        placeholder={"Ask AI Assistant"}
         onLoginClick={undefined}
         client={props.client}
         isConnectingWallet={connectionStatus === "connecting"}

apps/dashboard/src/app/nebula-app/(app)/components/FloatingChat/FloatingChatContent.tsx

@@ -202,6 +202,7 @@ function FloatingChatContentLoggedIn(props: {
         />
       ) : (
         <Chats
+          teamId={undefined}
           messages={messages}
           isChatStreaming={isChatStreaming}
           authToken={props.authToken}