i/next-ai-draw-io
1
0
Fork 0
mirror of https://github.com/DayuanJiang/next-ai-draw-io.git synced 2026-01-03 06:42:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve duplicate model ID notifications

Browse Source 
- Add toast notification when trying to add duplicate model
- Allow free typing when editing model ID, validate on blur
- Show warning toast instead of blocking input
This commit is contained in:
dayuan.jiang
2025-12-22 21:57:02 +09:00
parent 41c450516c
commit 33fd2a16e6
1 changed files with 27 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
components/model-config-dialog.tsx
View File

@@ -21,6 +21,7 @@ import {
Zap,
} from "lucide-react"
import { useCallback, useEffect, useRef, useState } from "react"
import { toast } from "sonner"
import {
AlertDialog,
AlertDialogAction,
@@ -264,7 +265,8 @@ export function ModelConfigDialog({
if (!selectedProviderId || !selectedProvider) return
// Prevent duplicate model IDs
if (existingModelIds.includes(modelId)) {
return // Model already exists, don't add
toast.warning(`Model "${modelId}" already exists in this provider`)
return
}
addModel(selectedProviderId, modelId)
}
@@ -1189,11 +1191,28 @@ export function ModelConfigDialog({
}
onChange={(
e,
) => {
// Allow free typing - validation happens on blur
updateModel(
selectedProviderId!,
model.id,
{
modelId:
e
.target
.value,
validated:
undefined,
validationError:
undefined,
},
)
}}
onBlur={(
e,
) => {
const newModelId =
e
.target
.value
e.target.value.trim()
// Check if new ID would be duplicate (excluding current model)
const otherModelIds =
selectedProvider?.models
@@ -1212,24 +1231,15 @@ export function ModelConfigDialog({
) ||
[]
if (
newModelId &&
otherModelIds.includes(
newModelId,
)
) {
return // Don't allow duplicate
toast.warning(
`Model "${newModelId}" already exists. Please use a unique ID.`,
)
}
updateModel(
selectedProviderId!,
model.id,
{
modelId:
newModelId,
validated:
undefined,
validationError:
undefined,
},
)
}}
className="flex-1 min-w-0 font-mono text-sm h-8 border-0 bg-transparent focus-visible:bg-background focus-visible:ring-1"
/>