fix: wait for cortex process overlay should be on top (#3224)

* fix: wait for cortex process overlay should be on top

* chore: update cortex.js

web/containers/WaitingCortexModal/index.tsx

@@ -1,19 +1,31 @@
 import { Modal } from '@janhq/joi'
-import { useAtomValue } from 'jotai'
+import { useAtom, useAtomValue } from 'jotai'
 
 import Spinner from '../Loader/Spinner'
 
 import { waitingForCortexAtom } from '@/helpers/atoms/App.atom'
 import { hostAtom } from '@/helpers/atoms/AppConfig.atom'
+import { useCallback, useEffect } from 'react'
+import useCortex from '@/hooks/useCortex'
 
 const WaitingForCortexModal: React.FC = () => {
   const host = useAtomValue(hostAtom)
-  const open = useAtomValue(waitingForCortexAtom)
+  const [waitingForCortex, setWaitingForCortex] = useAtom(waitingForCortexAtom)
+  const { isSystemAlive } = useCortex()
+
+  const checkSystemAlive = useCallback(async () => {
+    setWaitingForCortex(!(await isSystemAlive()))
+  }, [])
+
+  // Check health for the first time on mount
+  useEffect(() => {
+    checkSystemAlive()
+  }, [])
 
   return (
     <Modal
       hideClose
-      open={open}
+      open={waitingForCortex}
       title={'Waiting for cortex'}
       content={
         <div className="flex gap-x-2">

web/helpers/atoms/App.atom.ts

@@ -11,7 +11,7 @@ export const mainViewStateAtom = atom<MainViewState>(MainViewState.Thread)
 
 export const defaultJanDataFolderAtom = atom<string>('')
 
-export const waitingForCortexAtom = atom<boolean>(false)
+export const waitingForCortexAtom = atom<boolean>(true)
 
 // Store panel atom
 export const showLeftPanelAtom = atom<boolean>(true)

web/hooks/useCortex.ts

@@ -319,6 +319,15 @@ const useCortex = () => {
     [host]
   )
 
+  const isSystemAlive = useCallback(async () => {
+    try {
+      await cortex.system.status();
+      return true;
+    } catch { 
+      return false; 
+    }
+  }, [host])
+
   return {
     fetchAssistants,
     fetchThreads,
@@ -345,6 +354,7 @@ const useCortex = () => {
     createModel,
     initializeEngine,
     getEngineStatuses,
+    isSystemAlive
   }
 }
 

web/package.json

@@ -17,7 +17,7 @@
     "yaml": "^2.4.5",
     "@huggingface/hub": "^0.15.1",
     "embla-carousel-react": "^8.1.5",
-    "@cortexso/cortex.js": "^0.1.5",
+    "@cortexso/cortex.js": "^0.1.6",
     "@microsoft/fetch-event-source": "^2.0.1",
     "@janhq/core": "link:./core",
     "@janhq/joi": "link:./joi",