diff --git a/web/containers/Layout/TopBar/index.tsx b/web/containers/Layout/TopBar/index.tsx
index aa7912bd3..4d5a6f4af 100644
--- a/web/containers/Layout/TopBar/index.tsx
+++ b/web/containers/Layout/TopBar/index.tsx
@@ -7,7 +7,7 @@ import CommandSearch from '@/containers/Layout/TopBar/CommandSearch'
 import { MainViewState } from '@/constants/screens'
 
 import { useCreateNewThread } from '@/hooks/useCreateNewThread'
-import useGetAssistants from '@/hooks/useGetAssistants'
+import useGetAssistants, { getAssistants } from '@/hooks/useGetAssistants'
 import { useMainViewState } from '@/hooks/useMainViewState'
 
 import { showRightSideBarAtom } from '@/screens/Chat/Sidebar'
@@ -33,10 +33,18 @@ const TopBar = () => {
 
   const onCreateConversationClick = async () => {
     if (assistants.length === 0) {
-      alert('No assistant available')
-      return
+      await getAssistants().then((res) => {
+        if (res) {
+          if (res.length === 0) {
+            alert('No assistant available')
+            return
+          }
+          requestCreateNewThread(res[0])
+        }
+      })
+    } else {
+      requestCreateNewThread(assistants[0])
     }
-    requestCreateNewThread(assistants[0])
   }
 
   return (
diff --git a/web/hooks/useGetAssistants.ts b/web/hooks/useGetAssistants.ts
index 95ae349be..c40e2861e 100644
--- a/web/hooks/useGetAssistants.ts
+++ b/web/hooks/useGetAssistants.ts
@@ -4,7 +4,7 @@ import { Assistant, ExtensionType, AssistantExtension } from '@janhq/core'
 
 import { extensionManager } from '@/extension/ExtensionManager'
 
-const getAssistants = async (): Promise<Assistant[]> => {
+export const getAssistants = async (): Promise<Assistant[]> => {
   return (
     extensionManager
       .get<AssistantExtension>(ExtensionType.Assistant)