@@ -386,55 +386,53 @@ const TaskForm: FC<TaskFormProps> = ({ templates, onSuccess }) => {
386386</ Select >
387387</ div >
388388
389- < div className = "flex flex-col gap-1" >
390- < label
391- htmlFor = "presetID"
392- className = "text-xs font-medium text-content-primary"
393- >
394- Preset
395- </ label >
396- { isLoadingPresets ?(
397- < Skeleton variant = "rounded" width = { 320 } height = { 32 } />
398- ) :(
399- < Select
400- key = { `preset-select-${ selectedTemplate . active_version_id } ` }
401- name = "presetID"
402- value = { selectedPresetId || undefined }
403- onValueChange = { ( value ) => setSelectedPresetId ( value || null ) }
404- disabled = { ! presetsData || presetsData . length === 0 }
389+ { isLoadingPresets ?(
390+ < div className = "flex flex-col gap-1" >
391+ < label
392+ htmlFor = "presetID"
393+ className = "text-xs font-medium text-content-primary"
405394>
406- < SelectTrigger
407- id = "presetID"
408- className = "w-80 text-xs [&_svg]:size-icon-xs border-0 bg-surface-secondary h-8 px-3"
395+ Preset
396+ </ label >
397+ < Skeleton variant = "rounded" width = { 320 } height = { 32 } />
398+ </ div >
399+ ) :(
400+ presetsData &&
401+ presetsData . length > 0 && (
402+ < div className = "flex flex-col gap-1" >
403+ < label
404+ htmlFor = "presetID"
405+ className = "text-xs font-medium text-content-primary"
409406>
410- < SelectValue
411- placeholder = {
412- ! presetsData || presetsData . length === 0
413- ?"None"
414- :"Select a preset"
415- }
416- />
417- </ SelectTrigger >
418- < SelectContent >
419- { presetsData && presetsData . length > 0 ?(
420- sortedPresets ( presetsData ) . map ( ( preset ) => (
407+ Preset
408+ </ label >
409+ < Select
410+ key = { `preset-select-${ selectedTemplate . active_version_id } ` }
411+ name = "presetID"
412+ value = { selectedPresetId || undefined }
413+ onValueChange = { ( value ) =>
414+ setSelectedPresetId ( value || null )
415+ }
416+ >
417+ < SelectTrigger
418+ id = "presetID"
419+ className = "w-80 text-xs [&_svg]:size-icon-xs border-0 bg-surface-secondary h-8 px-3"
420+ >
421+ < SelectValue placeholder = "Select a preset" />
422+ </ SelectTrigger >
423+ < SelectContent >
424+ { sortedPresets ( presetsData ) . map ( ( preset ) => (
421425< SelectItem value = { preset . ID } key = { preset . ID } >
422426< span className = "overflow-hidden text-ellipsis block" >
423427{ preset . Name } { preset . Default && "(Default)" }
424428</ span >
425429</ SelectItem >
426- ) )
427- ) :(
428- < SelectItem value = "none" disabled >
429- < span className = "overflow-hidden text-ellipsis block" >
430- No presets available
431- </ span >
432- </ SelectItem >
433- ) }
434- </ SelectContent >
435- </ Select >
436- ) }
437- </ div >
430+ ) ) }
431+ </ SelectContent >
432+ </ Select >
433+ </ div >
434+ )
435+ ) }
438436</ div >
439437
440438< div className = "flex items-center gap-2" >