fix: update GraphQL mutation input type and clean up comments and adding interactivity chat to do some tasks

Author: NarwhalChen

backend/src/chat/chat.resolver.ts

@@ -98,6 +98,38 @@ export class ChatResolver {
     }
   }
 
+  @Mutation(() => String)
+  @JWTAuth()
+  async triggerAgentChatStream(
+    @Args('input') input: ChatInput,
+  ): Promise<string> {
+    try {
+      const iterator = this.chatProxyService.streamChat(input);
+      let accumulatedContent = '';
+
+      for await (const chunk of iterator) {
+        if (chunk) {
+          // const enhancedChunk = {
+          //   ...chunk,
+          //   chatId: input.chatId,
+          // };
+          // await this.pubSub.publish(`chat_stream_${input.chatId}`, {
+          //   chatStream: enhancedChunk,
+          // });
+
+          if (chunk.choices[0]?.delta?.content) {
+            accumulatedContent += chunk.choices[0].delta.content;
+          }
+        }
+      }
+
+      return accumulatedContent;
+    } catch (error) {
+      this.logger.error('Error in triggerChatStream:', error);
+      throw error;
+    }
+  }
+
   @Query(() => [String], { nullable: true })
   async getAvailableModelTags(): Promise<string[]> {
     try {

frontend/src/components/chat/chat-bottombar.tsx

@@ -4,7 +4,7 @@ import { motion, AnimatePresence } from 'framer-motion';
 import TextareaAutosize from 'react-textarea-autosize';
 import { PaperclipIcon, Send, X } from 'lucide-react';
 import { cn } from '@/lib/utils';
-import { ChatProps } from './chat-panel';
+import { Message } from '../../const/MessageType';
 import Image from 'next/image';
 import {
   Tooltip,
@@ -13,14 +13,28 @@ import {
   TooltipTrigger,
 } from '@/components/ui/tooltip';
 
+interface ChatBottombarProps {
+  messages: Message[];
+  input: string;
+  handleInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  handleSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+  stop: () => void;
+  formRef: React.RefObject<HTMLFormElement>;
+  setInput?: React.Dispatch<React.SetStateAction<string>>;
+  setMessages: (messages: Message[]) => void;
+  setSelectedModel: React.Dispatch<React.SetStateAction<string>>;
+}
+
 export default function ChatBottombar({
   messages,
   input,
   handleInputChange,
   handleSubmit,
   formRef,
   setInput,
-}: ChatProps) {
+  setMessages,
+  setSelectedModel,
+}: ChatBottombarProps) {
   const [isMobile, setIsMobile] = useState(false);
   const [isFocused, setIsFocused] = useState(false);
   const [attachments, setAttachments] = useState<File[]>([]);