fix: hide Vulkan option for users who don't have GPU

web/containers/Providers/Jotai.tsx

@@ -4,6 +4,8 @@
 
 import { Provider, atom } from 'jotai'
 
+import { FileInfo } from '@/types/file'
+
 export const editPromptAtom = atom<string>('')
 export const currentPromptAtom = atom<string>('')
 export const fileUploadAtom = atom<FileInfo[]>([])
@@ -12,13 +14,6 @@
 
 export const selectedTextAtom = atom('')
 
 export default function JotaiWrapper({ children }: PropsWithChildren) {
   return <Provider>{children}</Provider>
 }
-
-export type FileType = 'image' | 'pdf'
-
-export type FileInfo = {
-  file: File
-  type: FileType
-}

web/screens/Settings/Advanced/index.tsx

@@ -79,7 +79,7 @@
   const selectedGpu = gpuList
     .filter((x) => gpusInUse.includes(x.id))
     .map((y) => {
       return y['name']
     })
 
   /**
@@ -88,7 +88,7 @@
    * there is also a case where state update persist everytime user type in the input
    */
   const updatePullOptions = useDebouncedCallback(
     () => configurePullOptions(),
     300
   )
   /**
@@ -101,7 +101,7 @@
       if (value.trim().startsWith('http')) {
         setProxy(value.trim())
       } else {
         setProxy('')
       }
       updatePullOptions()
     },
@@ -119,10 +119,10 @@
     relaunch: boolean = true
   ) => {
     const appConfiguration: AppConfiguration =
       await window.core?.api?.getAppConfigurations()
     appConfiguration.quick_ask = e
     await window.core?.api?.updateAppConfiguration(appConfiguration)
     if (relaunch) window.core?.api?.relaunch()
   }
 
   /**
@@ -132,15 +132,15 @@
    * @returns void
    */
   const updateVulkanEnabled = async (e: boolean, relaunch: boolean = true) => {
     toaster({
       title: 'Reload',
       description: 'Vulkan settings updated. Reload now to apply the changes.',
     })
     stopModel()
     setVulkanEnabled(e)
     await saveSettings({ vulkan: e, gpusInUse: [] })
     // Relaunch to apply settings
     if (relaunch) window.location.reload()
   }
 
   /**
@@ -188,7 +188,7 @@
     try {
       await fs.rm(`file://logs`)
     } catch (err) {
       console.error('Error clearing logs: ', err)
     }
 
     toaster({
@@ -204,10 +204,10 @@
    * @returns
    */
   const handleGPUChange = async (gpuId: string) => {
     let updatedGpusInUse = [...gpusInUse]
     if (updatedGpusInUse.includes(gpuId)) {
       updatedGpusInUse = updatedGpusInUse.filter((id) => id !== gpuId)
       if (
         gpuEnabled &&
         updatedGpusInUse.length === 0 &&
         gpuId &&
@@ -436,7 +436,7 @@
         )}
 
         {/* Vulkan for AMD GPU/ APU and Intel Arc GPU */}
-        {!isMac && experimentalEnabled && (
+        {!isMac && gpuList.length > 0 && experimentalEnabled && (
           <div className="flex w-full flex-col items-start justify-between gap-4 border-b border-[hsla(var(--app-border))] py-4 first:pt-0 last:border-none sm:flex-row">
             <div className="space-y-1">
               <div className="flex gap-x-2">

web/types/file.d.ts

@@ -0,0 +1,6 @@
+export type FileType = 'image' | 'pdf'
+
+export type FileInfo = {
+  file: File
+  type: FileType
+}

web/utils/messageRequestBuilder.ts

@@ -13,10 +13,10 @@ import {
 } from '@janhq/core'
 import { ulid } from 'ulidx'
 
-import { FileType } from '@/containers/Providers/Jotai'
-
 import { Stack } from '@/utils/Stack'
 
+import { FileType } from '@/types/file'
+
 export class MessageRequestBuilder {
   msgId: string
   type: MessageRequestType

web/utils/threadMessageBuilder.ts

@@ -6,10 +6,10 @@ import {
   ThreadMessage,
 } from '@janhq/core'
 
-import { FileInfo } from '@/containers/Providers/Jotai'
-
 import { MessageRequestBuilder } from './messageRequestBuilder'
 
+import { FileInfo } from '@/types/file'
+
 export class ThreadMessageBuilder {
   messageRequest: MessageRequestBuilder