Fix: Add create folder function

Author: ShenKSPZ

src/components/chat/ChatHistoryList.tsx

@@ -9,6 +9,7 @@ interface ChatHistoryListProps {
   activeConversationId: string | null;
   onSelectConversation: (conversationId: string) => void;
   onCreateNewChat: () => void;
+  onCreateNewFolder: () => void;
   onRenameConversation: (conversationId: string, newTitle: string) => void;
   onDeleteConversation: (conversationId: string) => void;
 }
@@ -18,6 +19,7 @@ export const ChatHistoryList: React.FC<ChatHistoryListProps> = ({
   activeConversationId,
   onSelectConversation,
   onCreateNewChat,
+  onCreateNewFolder,
   onRenameConversation,
   onDeleteConversation,
 }) => {
@@ -253,7 +255,7 @@ export const ChatHistoryList: React.FC<ChatHistoryListProps> = ({
 
       <div className={`p-2 border-b border-gray-200 ${isCollapsed ? 'opacity-0 pointer-events-none' : 'flex justify-between items-center'}`}>
         <button
-          onClick={onCreateNewChat}
+          onClick={onCreateNewFolder}
           className="flex items-center justify-center p-2 text-sm font-medium text-gray-700 transition-colors bg-white border border-gray-300 rounded-md aspect-square hover:bg-gray-50 checked:outline-none checked:ring-2 checked:ring-blue-500"
         >
           <FolderPlus size={16}/>

src/components/ui/ConfirmDialog.tsx

@@ -71,7 +71,7 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
   };
 
   return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 mt-[29px]">
       <div 
         className="relative w-full max-w-md p-6 mx-4 bg-white rounded-lg shadow-xl focus:outline-none"
         onClick={handleDialogClick}

src/pages/ChatPage.tsx

@@ -128,6 +128,20 @@ export const ChatPage: React.FC<ChatPageProps> = ({
     }
   }, [SettingsService.getInstance().getSelectedModel(), isServiceInitialized]);
 
+  // Create a new folder
+  const createNewFolder = useCallback(async () => {
+    if (!isServiceInitialized || !chatServiceRef.current) return;
+    
+    try {
+      const chatService = chatServiceRef.current;
+
+      // Update the state with the new list of conversations
+      
+    } catch (error) {
+      console.error('Failed to create new folder:', error);
+    }
+  }, [isServiceInitialized]);
+
   // Handle sending a message with streaming
   const handleSendMessage = async (content: string) => {
     if (!activeConversationId || !isServiceInitialized || !chatServiceRef.current) return;
@@ -290,6 +304,7 @@ export const ChatPage: React.FC<ChatPageProps> = ({
           activeConversationId={activeConversationId}
           onSelectConversation={handleSelectConversation}
           onCreateNewChat={createNewChat}
+          onCreateNewFolder={createNewFolder}
           onRenameConversation={handleRenameConversation}
           onDeleteConversation={handleDeleteConversation}
         />

src/types/chat.ts

@@ -27,7 +27,6 @@ export interface Conversation {
 export interface ConversationFolder{
   folderId: string;
   folderName: string;
-  conversations: Conversation[];
   createdAt: Date;
   updatedAt: Date;
   colorFlag: string;