diff --git a/web/app/components/share/chat/index.tsx b/web/app/components/share/chat/index.tsx
index 39a1a733336c94..2c68ac64da5120 100644
--- a/web/app/components/share/chat/index.tsx
+++ b/web/app/components/share/chat/index.tsx
@@ -668,6 +668,7 @@ const Main: FC<IMainProps> = ({
         onUnpin={handleUnpin}
         controlUpdateList={controlUpdateConversationList}
         onDelete={handleDelete}
+        onStartChat={handleStartChat}
       />
     )
   }
diff --git a/web/app/components/share/chat/sidebar/index.tsx b/web/app/components/share/chat/sidebar/index.tsx
index d1f69272fbe9b3..51b564ace1b340 100644
--- a/web/app/components/share/chat/sidebar/index.tsx
+++ b/web/app/components/share/chat/sidebar/index.tsx
@@ -35,6 +35,7 @@ export type ISidebarProps = {
   onUnpin: (id: string) => void
   controlUpdateList: number
   onDelete: (id: string) => void
+  onStartChat: (inputs: Record<string, any>) => void
 }
 
 const Sidebar: FC<ISidebarProps> = ({
@@ -59,6 +60,7 @@ const Sidebar: FC<ISidebarProps> = ({
   onUnpin,
   controlUpdateList,
   onDelete,
+  onStartChat,
 }) => {
   const { t } = useTranslation()
   const [hasPinned, setHasPinned] = useState(false)
@@ -104,7 +106,7 @@ const Sidebar: FC<ISidebarProps> = ({
       )}
       <div className="flex flex-shrink-0 p-4 !pb-0">
         <Button
-          onClick={() => { onCurrentIdChange('-1') }}
+          onClick={() => onStartChat({})}
           className="group block w-full flex-shrink-0 !justify-start !h-9 text-primary-600 items-center text-sm">
           <PencilSquareIcon className="mr-2 h-4 w-4" /> {t('share.chat.newChat')}
         </Button>