Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix/revalidate-model-gguf

Browse Source
This commit is contained in:
Faisal Amir 2025-09-16 15:59:59 +07:00
parent ea354ce621
commit 272ef9f8b8
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web-app/src/containers/dialogs/ImportVisionModelDialog.tsx
View File

@ -10,7 +10,7 @@ import {
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { Switch } from '@/components/ui/switch' import { Switch } from '@/components/ui/switch'
import { useServiceHub } from '@/hooks/useServiceHub' import { useServiceHub } from '@/hooks/useServiceHub'
import { useState } from 'react' import { useState, useEffect, useCallback } from 'react'
import { toast } from 'sonner' import { toast } from 'sonner'
import { import {
IconLoader2, IconLoader2,
@ -44,7 +44,7 @@ export const ImportVisionModelDialog = ({
>(null) >(null)
const [isValidatingMmproj, setIsValidatingMmproj] = useState(false) const [isValidatingMmproj, setIsValidatingMmproj] = useState(false)
const validateGgufFile = async ( const validateGgufFile = useCallback(async (
filePath: string, filePath: string,
fileType: 'model' | 'mmproj' fileType: 'model' | 'mmproj'
): Promise<void> => { ): Promise<void> => {
@ -158,15 +158,15 @@ export const ImportVisionModelDialog = ({
setIsValidatingMmproj(false) setIsValidatingMmproj(false)
} }
} }
} }, [modelName, serviceHub])
const validateModelFile = async (filePath: string): Promise<void> => { const validateModelFile = useCallback(async (filePath: string): Promise<void> => {
await validateGgufFile(filePath, 'model') await validateGgufFile(filePath, 'model')
} }, [validateGgufFile])
const validateMmprojFile = async (filePath: string): Promise<void> => { const validateMmprojFile = useCallback(async (filePath: string): Promise<void> => {
await validateGgufFile(filePath, 'mmproj') await validateGgufFile(filePath, 'mmproj')
} }, [validateGgufFile])
const handleFileSelect = async (type: 'model' | 'mmproj') => { const handleFileSelect = async (type: 'model' | 'mmproj') => {
const selectedFile = await serviceHub.dialog().open({ const selectedFile = await serviceHub.dialog().open({
@ -272,6 +272,13 @@ export const ImportVisionModelDialog = ({
setIsValidatingMmproj(false) setIsValidatingMmproj(false)
} }
// Re-validate MMProj file when model name changes
useEffect(() => {
if (mmProjFile && modelName && isVisionModel) {
validateMmprojFile(mmProjFile)
}
}, [modelName, mmProjFile, isVisionModel, validateMmprojFile])
const handleOpenChange = (newOpen: boolean) => { const handleOpenChange = (newOpen: boolean) => {
if (!importing) { if (!importing) {
setOpen(newOpen) setOpen(newOpen)