daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Task attempt 661f4103-d3a8-4f67-a2b8-fd9c8633ac00 - Final changes

Browse Source
This commit is contained in:
Louis Knight-Webb
2025-06-24 17:09:15 +01:00
parent b16726cc2b
commit fb8c03fb1f
1 changed files with 191 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
frontend/src/components/tasks/TaskDetailsPanel.tsx
View File

@@ -4,7 +4,6 @@ import {
X,
History,
Clock,
FileText,
Code,
ChevronDown,
ChevronUp,
@@ -15,6 +14,7 @@ import {
Send,
AlertCircle,
Play,
GitCompare,
} from "lucide-react";
import { Button } from "@/components/ui/button";
import { Alert, AlertDescription } from "@/components/ui/alert";
@@ -700,6 +700,9 @@ export function TaskDetailsPanel({
</div>
<div className="flex items-center gap-1">
{onEditTask && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="icon"
@@ -707,8 +710,17 @@ export function TaskDetailsPanel({
>
<Edit className="h-4 w-4" />
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Edit task</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)}
{onDeleteTask && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="icon"
@@ -716,10 +728,25 @@ export function TaskDetailsPanel({
>
<Trash2 className="h-4 w-4 text-red-500" />
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Delete task</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)}
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button variant="ghost" size="icon" onClick={onClose}>
<X className="h-4 w-4" />
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Close panel</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</div>
@@ -803,6 +830,9 @@ export function TaskDetailsPanel({
{/* Attempt Management Group */}
<div className="flex items-center gap-1">
{taskAttempts.length > 1 && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="sm">
@@ -837,8 +867,17 @@ export function TaskDetailsPanel({
))}
</DropdownMenuContent>
</DropdownMenu>
</TooltipTrigger>
<TooltipContent>
<p>View attempt history</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)}
<div className="flex">
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="outline"
size="sm"
@@ -847,6 +886,15 @@ export function TaskDetailsPanel({
>
{selectedAttempt ? "Retry" : "Start"}
</Button>
</TooltipTrigger>
<TooltipContent>
<p>{selectedAttempt ? "Retry task with current executor" : "Start task with current executor"}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
@@ -875,6 +923,12 @@ export function TaskDetailsPanel({
))}
</DropdownMenuContent>
</DropdownMenu>
</TooltipTrigger>
<TooltipContent>
<p>Choose executor</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</div>
@@ -885,6 +939,9 @@ export function TaskDetailsPanel({
{/* Execution Control Group */}
<div className="flex items-center gap-1">
{(isAttemptRunning || isStopping) && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="outline"
size="sm"
@@ -894,6 +951,12 @@ export function TaskDetailsPanel({
>
<StopCircle className="h-4 w-4" />
</Button>
</TooltipTrigger>
<TooltipContent>
<p>{isStopping ? "Stopping execution..." : "Stop execution"}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)}
<TooltipProvider>
<Tooltip>
@@ -975,6 +1038,9 @@ export function TaskDetailsPanel({
{/* Code Actions Group */}
<div className="flex items-center gap-1">
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="outline"
size="sm"
@@ -982,13 +1048,28 @@ export function TaskDetailsPanel({
>
<Code className="h-4 w-4" />
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Open in editor</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button variant="outline" size="sm" asChild>
<Link
to={`/projects/${projectId}/tasks/${task.id}/attempts/${selectedAttempt.id}/compare`}
>
<FileText className="h-4 w-4" />
<GitCompare className="h-4 w-4" />
</Link>
</Button>
</TooltipTrigger>
<TooltipContent>
<p>View code changes</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</>
)}