@@ -476,102 +476,102 @@ export function TaskForm({
476476
477477 { /* Buttons - right side */ }
478478 < div className = "flex items-center gap-2" >
479- < TooltipProvider delayDuration = { 1500 } skipDelayDuration = { 1500 } >
480- < Tooltip >
481- < TooltipTrigger asChild >
482- < Button
483- type = "button"
484- variant = "ghost"
485- size = "sm"
486- className = "rounded-full h-8 w-8 p-0 relative"
487- onClick = { ( ) => setShowMcpServersDialog ( true ) }
488- >
489- < Cable className = "h-4 w-4" />
490- { connectors . filter ( ( c ) => c . status === 'connected' ) . length > 0 && (
491- < Badge
492- variant = "secondary"
493- className = "absolute -top-1 -right-1 h-4 min-w-4 p-0 flex items-center justify-center text-[10px] rounded-full"
494- >
495- { connectors . filter ( ( c ) => c . status === 'connected' ) . length }
496- </ Badge >
497- ) }
498- </ Button >
499- </ TooltipTrigger >
500- < TooltipContent >
501- < p > MCP Servers</ p >
502- </ TooltipContent >
503- </ Tooltip >
504-
505- < Dialog open = { showOptionsDialog } onOpenChange = { setShowOptionsDialog } >
479+ < TooltipProvider delayDuration = { 1500 } skipDelayDuration = { 1500 } >
506480 < Tooltip >
507481 < TooltipTrigger asChild >
508- < DialogTrigger asChild >
509- < Button type = "button" variant = "ghost" size = "sm" className = "rounded-full h-8 w-8 p-0" >
510- < Settings className = "h-4 w-4" />
511- </ Button >
512- </ DialogTrigger >
482+ < Button
483+ type = "button"
484+ variant = "ghost"
485+ size = "sm"
486+ className = "rounded-full h-8 w-8 p-0 relative"
487+ onClick = { ( ) => setShowMcpServersDialog ( true ) }
488+ >
489+ < Cable className = "h-4 w-4" />
490+ { connectors . filter ( ( c ) => c . status === 'connected' ) . length > 0 && (
491+ < Badge
492+ variant = "secondary"
493+ className = "absolute -top-1 -right-1 h-4 min-w-4 p-0 flex items-center justify-center text-[10px] rounded-full"
494+ >
495+ { connectors . filter ( ( c ) => c . status === 'connected' ) . length }
496+ </ Badge >
497+ ) }
498+ </ Button >
513499 </ TooltipTrigger >
514500 < TooltipContent >
515- < p > Task Options </ p >
501+ < p > MCP Servers </ p >
516502 </ TooltipContent >
517503 </ Tooltip >
518- < DialogContent className = "max-w-2xl max-h-[80vh] overflow-hidden flex flex-col" >
519- < DialogHeader >
520- < DialogTitle > Task Options</ DialogTitle >
521- < DialogDescription > Configure settings for your task execution.</ DialogDescription >
522- </ DialogHeader >
523- < div className = "space-y-6 py-4 overflow-y-auto flex-1" >
524- < div className = "space-y-4" >
525- < h3 className = "text-sm font-semibold" > Task Settings</ h3 >
526- < div className = "flex items-center space-x-2" >
527- < Checkbox
528- id = "install-deps"
529- checked = { installDependencies }
530- onCheckedChange = { ( checked ) => updateInstallDependencies ( checked === true ) }
531- />
532- < Label
533- htmlFor = "install-deps"
534- className = "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
535- >
536- Install Dependencies?
537- </ Label >
538- </ div >
539- < div className = "space-y-2" >
540- < Label htmlFor = "max-duration" className = "text-sm font-medium" >
541- Maximum Duration
542- </ Label >
543- < Select
544- value = { maxDuration . toString ( ) }
545- onValueChange = { ( value ) => updateMaxDuration ( parseInt ( value ) ) }
546- >
547- < SelectTrigger id = "max-duration" className = "w-full" >
548- < SelectValue />
549- </ SelectTrigger >
550- < SelectContent >
551- < SelectItem value = "1" > 1 minute</ SelectItem >
552- < SelectItem value = "2" > 2 minutes</ SelectItem >
553- < SelectItem value = "3" > 3 minutes</ SelectItem >
554- < SelectItem value = "5" > 5 minutes</ SelectItem >
555- < SelectItem value = "10" > 10 minutes</ SelectItem >
556- < SelectItem value = "15" > 15 minutes</ SelectItem >
557- < SelectItem value = "30" > 30 minutes</ SelectItem >
558- </ SelectContent >
559- </ Select >
504+
505+ < Dialog open = { showOptionsDialog } onOpenChange = { setShowOptionsDialog } >
506+ < Tooltip >
507+ < TooltipTrigger asChild >
508+ < DialogTrigger asChild >
509+ < Button type = "button" variant = "ghost" size = "sm" className = "rounded-full h-8 w-8 p-0" >
510+ < Settings className = "h-4 w-4" />
511+ </ Button >
512+ </ DialogTrigger >
513+ </ TooltipTrigger >
514+ < TooltipContent >
515+ < p > Task Options</ p >
516+ </ TooltipContent >
517+ </ Tooltip >
518+ < DialogContent className = "max-w-2xl max-h-[80vh] overflow-hidden flex flex-col" >
519+ < DialogHeader >
520+ < DialogTitle > Task Options</ DialogTitle >
521+ < DialogDescription > Configure settings for your task execution.</ DialogDescription >
522+ </ DialogHeader >
523+ < div className = "space-y-6 py-4 overflow-y-auto flex-1" >
524+ < div className = "space-y-4" >
525+ < h3 className = "text-sm font-semibold" > Task Settings</ h3 >
526+ < div className = "flex items-center space-x-2" >
527+ < Checkbox
528+ id = "install-deps"
529+ checked = { installDependencies }
530+ onCheckedChange = { ( checked ) => updateInstallDependencies ( checked === true ) }
531+ />
532+ < Label
533+ htmlFor = "install-deps"
534+ className = "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
535+ >
536+ Install Dependencies?
537+ </ Label >
538+ </ div >
539+ < div className = "space-y-2" >
540+ < Label htmlFor = "max-duration" className = "text-sm font-medium" >
541+ Maximum Duration
542+ </ Label >
543+ < Select
544+ value = { maxDuration . toString ( ) }
545+ onValueChange = { ( value ) => updateMaxDuration ( parseInt ( value ) ) }
546+ >
547+ < SelectTrigger id = "max-duration" className = "w-full" >
548+ < SelectValue />
549+ </ SelectTrigger >
550+ < SelectContent >
551+ < SelectItem value = "1" > 1 minute</ SelectItem >
552+ < SelectItem value = "2" > 2 minutes</ SelectItem >
553+ < SelectItem value = "3" > 3 minutes</ SelectItem >
554+ < SelectItem value = "5" > 5 minutes</ SelectItem >
555+ < SelectItem value = "10" > 10 minutes</ SelectItem >
556+ < SelectItem value = "15" > 15 minutes</ SelectItem >
557+ < SelectItem value = "30" > 30 minutes</ SelectItem >
558+ </ SelectContent >
559+ </ Select >
560+ </ div >
560561 </ div >
561562 </ div >
562- </ div >
563- </ DialogContent >
564- </ Dialog >
565- </ TooltipProvider >
566-
567- < Button
568- type = "submit"
569- disabled = { isSubmitting || ! prompt . trim ( ) || ! selectedOwner || ! selectedRepo }
570- size = "sm"
571- className = "rounded-full h-8 w-8 p-0"
572- >
573- { isSubmitting ? < Loader2 className = "h-4 w-4 animate-spin" /> : < ArrowUp className = "h-4 w-4" /> }
574- </ Button >
563+ </ DialogContent >
564+ </ Dialog >
565+ </ TooltipProvider >
566+
567+ < Button
568+ type = "submit"
569+ disabled = { isSubmitting || ! prompt . trim ( ) || ! selectedOwner || ! selectedRepo }
570+ size = "sm"
571+ className = "rounded-full h-8 w-8 p-0"
572+ >
573+ { isSubmitting ? < Loader2 className = "h-4 w-4 animate-spin" /> : < ArrowUp className = "h-4 w-4" /> }
574+ </ Button >
575575 </ div >
576576 </ div >
577577 </ div >
0 commit comments