automagik-forge 0.1.13 → 0.1.14

package/frontend/src/components/tasks/Toolbar/CurrentAttempt.tsx

@@ -1,899 +0,0 @@
-import {
-  Check,
-  ExternalLink,
-  GitBranch as GitBranchIcon,
-  GitPullRequest,
-  History,
-  Play,
-  Plus,
-  RefreshCw,
-  Settings,
-  StopCircle,
-} from 'lucide-react';
-import { is_planning_executor_type } from '@/lib/utils';
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@/components/ui/tooltip.tsx';
-import { Button } from '@/components/ui/button.tsx';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu.tsx';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog.tsx';
-import BranchSelector from '@/components/tasks/BranchSelector.tsx';
-import {
-  attemptsApi,
-  executionProcessesApi,
-  makeRequest,
-  FollowUpResponse,
-  ApiResponse,
-} from '@/lib/api.ts';
-import {
-  Dispatch,
-  SetStateAction,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
-import type {
-  BranchStatus,
-  ExecutionProcess,
-  GitBranch,
-  TaskAttempt,
-} from 'shared/types.ts';
-import {
-  TaskAttemptDataContext,
-  TaskAttemptStoppingContext,
-  TaskDetailsContext,
-  TaskExecutionStateContext,
-  TaskRelatedTasksContext,
-  TaskSelectedAttemptContext,
-} from '@/components/context/taskDetailsContext.ts';
-import { useConfig } from '@/components/config-provider.tsx';
-import { useKeyboardShortcuts } from '@/lib/keyboard-shortcuts.ts';
-import { useNavigate } from 'react-router-dom';
-
-// Helper function to get the display name for different editor types
-function getEditorDisplayName(editorType: string): string {
-  switch (editorType) {
-    case 'vscode':
-      return 'Visual Studio Code';
-    case 'cursor':
-      return 'Cursor';
-    case 'windsurf':
-      return 'Windsurf';
-    case 'intellij':
-      return 'IntelliJ IDEA';
-    case 'zed':
-      return 'Zed';
-    case 'custom':
-      return 'Custom Editor';
-    default:
-      return 'Editor';
-  }
-}
-
-type Props = {
-  setError: Dispatch<SetStateAction<string | null>>;
-  setShowCreatePRDialog: Dispatch<SetStateAction<boolean>>;
-  selectedBranch: string | null;
-  selectedAttempt: TaskAttempt;
-  taskAttempts: TaskAttempt[];
-  creatingPR: boolean;
-  handleEnterCreateAttemptMode: () => void;
-  availableExecutors: {
-    id: string;
-    name: string;
-  }[];
-  branches: GitBranch[];
-};
-
-function CurrentAttempt({
-  setError,
-  setShowCreatePRDialog,
-  selectedBranch,
-  selectedAttempt,
-  taskAttempts,
-  creatingPR,
-  handleEnterCreateAttemptMode,
-  availableExecutors,
-  branches,
-}: Props) {
-  const { task, projectId, handleOpenInEditor, projectHasDevScript } =
-    useContext(TaskDetailsContext);
-  const { config } = useConfig();
-  const { setSelectedAttempt } = useContext(TaskSelectedAttemptContext);
-  const navigate = useNavigate();
-  const { isStopping, setIsStopping } = useContext(TaskAttemptStoppingContext);
-  const { attemptData, fetchAttemptData, isAttemptRunning } = useContext(
-    TaskAttemptDataContext
-  );
-  const { relatedTasks } = useContext(TaskRelatedTasksContext);
-  const { executionState, fetchExecutionState } = useContext(
-    TaskExecutionStateContext
-  );
-
-  const [isStartingDevServer, setIsStartingDevServer] = useState(false);
-  const [merging, setMerging] = useState(false);
-  const [rebasing, setRebasing] = useState(false);
-  const [devServerDetails, setDevServerDetails] =
-    useState<ExecutionProcess | null>(null);
-  const [isHoveringDevServer, setIsHoveringDevServer] = useState(false);
-  const [branchStatus, setBranchStatus] = useState<BranchStatus | null>(null);
-  const [branchStatusLoading, setBranchStatusLoading] = useState(false);
-  const [showRebaseDialog, setShowRebaseDialog] = useState(false);
-  const [selectedRebaseBranch, setSelectedRebaseBranch] = useState<string>('');
-  const [showStopConfirmation, setShowStopConfirmation] = useState(false);
-  const [isApprovingPlan, setIsApprovingPlan] = useState(false);
-  const [copied, setCopied] = useState(false);
-
-  const processedDevServerLogs = useMemo(() => {
-    if (!devServerDetails) return 'No output yet...';
-
-    const stdout = devServerDetails.stdout || '';
-    const stderr = devServerDetails.stderr || '';
-    const allOutput = stdout + (stderr ? '\n' + stderr : '');
-    const lines = allOutput.split('\n').filter((line) => line.trim());
-    const lastLines = lines.slice(-10);
-    return lastLines.length > 0 ? lastLines.join('\n') : 'No output yet...';
-  }, [devServerDetails]);
-
-  // Find running dev server in current project
-  const runningDevServer = useMemo(() => {
-    return attemptData.processes.find(
-      (process) =>
-        process.process_type === 'devserver' && process.status === 'running'
-    );
-  }, [attemptData.processes]);
-
-  // Check if plan approval is needed
-  const isPlanTask = useMemo(() => {
-    return !!(
-      selectedAttempt.executor &&
-      is_planning_executor_type(selectedAttempt.executor)
-    );
-  }, [selectedAttempt.executor]);
-
-  const fetchDevServerDetails = useCallback(async () => {
-    if (!runningDevServer || !task || !selectedAttempt) return;
-
-    try {
-      const result = await executionProcessesApi.getDetails(
-        runningDevServer.id
-      );
-      setDevServerDetails(result);
-    } catch (err) {
-      console.error('Failed to fetch dev server details:', err);
-    }
-  }, [runningDevServer, task, selectedAttempt, projectId]);
-
-  useEffect(() => {
-    if (!isHoveringDevServer || !runningDevServer) {
-      setDevServerDetails(null);
-      return;
-    }
-
-    fetchDevServerDetails();
-    const interval = setInterval(fetchDevServerDetails, 2000);
-    return () => clearInterval(interval);
-  }, [isHoveringDevServer, runningDevServer, fetchDevServerDetails]);
-
-  const startDevServer = async () => {
-    if (!task || !selectedAttempt) return;
-
-    setIsStartingDevServer(true);
-
-    try {
-      await attemptsApi.startDevServer(
-        projectId,
-        selectedAttempt.task_id,
-        selectedAttempt.id
-      );
-      fetchAttemptData(selectedAttempt.id, selectedAttempt.task_id);
-    } catch (err) {
-      console.error('Failed to start dev server:', err);
-    } finally {
-      setIsStartingDevServer(false);
-    }
-  };
-
-  const stopDevServer = async () => {
-    if (!task || !selectedAttempt || !runningDevServer) return;
-
-    setIsStartingDevServer(true);
-
-    try {
-      await attemptsApi.stopExecutionProcess(
-        projectId,
-        selectedAttempt.task_id,
-        selectedAttempt.id,
-        runningDevServer.id
-      );
-      fetchAttemptData(selectedAttempt.id, selectedAttempt.task_id);
-    } catch (err) {
-      console.error('Failed to stop dev server:', err);
-    } finally {
-      setIsStartingDevServer(false);
-    }
-  };
-
-  const stopAllExecutions = useCallback(async () => {
-    if (!task || !selectedAttempt || !isAttemptRunning) return;
-
-    try {
-      setIsStopping(true);
-      await attemptsApi.stop(
-        projectId,
-        selectedAttempt.task_id,
-        selectedAttempt.id
-      );
-      await fetchAttemptData(selectedAttempt.id, selectedAttempt.task_id);
-      setTimeout(() => {
-        fetchAttemptData(selectedAttempt.id, selectedAttempt.task_id);
-      }, 1000);
-    } catch (err) {
-      console.error('Failed to stop executions:', err);
-    } finally {
-      setIsStopping(false);
-    }
-  }, [
-    task,
-    selectedAttempt,
-    projectId,
-    fetchAttemptData,
-    setIsStopping,
-    isAttemptRunning,
-  ]);
-
-  useKeyboardShortcuts({
-    stopExecution: () => setShowStopConfirmation(true),
-    newAttempt: !isAttemptRunning ? handleEnterCreateAttemptMode : () => {},
-    hasOpenDialog: showStopConfirmation,
-    closeDialog: () => setShowStopConfirmation(false),
-    onEnter: () => {
-      setShowStopConfirmation(false);
-      stopAllExecutions();
-    },
-  });
-
-  const handleAttemptChange = useCallback(
-    (attempt: TaskAttempt) => {
-      setSelectedAttempt(attempt);
-      fetchAttemptData(attempt.id, attempt.task_id);
-      fetchExecutionState(attempt.id, attempt.task_id);
-    },
-    [fetchAttemptData, fetchExecutionState, setSelectedAttempt]
-  );
-
-  const handleMergeClick = async () => {
-    if (!projectId || !selectedAttempt?.id || !selectedAttempt?.task_id) return;
-
-    // Directly perform merge without checking branch status
-    await performMerge();
-  };
-
-  const fetchBranchStatus = useCallback(async () => {
-    if (!projectId || !selectedAttempt?.id || !selectedAttempt?.task_id) return;
-
-    try {
-      setBranchStatusLoading(true);
-      const result = await attemptsApi.getBranchStatus(
-        projectId,
-        selectedAttempt.task_id,
-        selectedAttempt.id
-      );
-      setBranchStatus((prev) => {
-        if (JSON.stringify(prev) === JSON.stringify(result)) return prev;
-        return result;
-      });
-    } catch (err) {
-      setError('Failed to load branch status');
-    } finally {
-      setBranchStatusLoading(false);
-    }
-  }, [projectId, selectedAttempt?.id, selectedAttempt?.task_id, setError]);
-
-  // Fetch branch status when selected attempt changes
-  useEffect(() => {
-    if (selectedAttempt) {
-      fetchBranchStatus();
-    }
-  }, [selectedAttempt, fetchBranchStatus]);
-
-  const performMerge = async () => {
-    if (!projectId || !selectedAttempt?.id || !selectedAttempt?.task_id) return;
-
-    try {
-      setMerging(true);
-      await attemptsApi.merge(
-        projectId,
-        selectedAttempt.task_id,
-        selectedAttempt.id
-      );
-      // Refetch branch status to show updated state
-      fetchBranchStatus();
-    } catch (error) {
-      console.error('Failed to merge changes:', error);
-      // @ts-expect-error it is type ApiError
-      setError(error.message || 'Failed to merge changes');
-    } finally {
-      setMerging(false);
-    }
-  };
-
-  const handleRebaseClick = async () => {
-    if (!projectId || !selectedAttempt?.id || !selectedAttempt?.task_id) return;
-
-    try {
-      setRebasing(true);
-      await attemptsApi.rebase(
-        projectId,
-        selectedAttempt.task_id,
-        selectedAttempt.id
-      );
-      // Refresh branch status after rebase
-      fetchBranchStatus();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to rebase branch');
-    } finally {
-      setRebasing(false);
-    }
-  };
-
-  const handleRebaseWithNewBranch = async (newBaseBranch: string) => {
-    if (!projectId || !selectedAttempt?.id || !selectedAttempt?.task_id) return;
-
-    try {
-      setRebasing(true);
-      await attemptsApi.rebase(
-        projectId,
-        selectedAttempt.task_id,
-        selectedAttempt.id,
-        newBaseBranch
-      );
-      // Refresh branch status after rebase
-      fetchBranchStatus();
-      setShowRebaseDialog(false);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to rebase branch');
-    } finally {
-      setRebasing(false);
-    }
-  };
-
-  const handleRebaseDialogConfirm = () => {
-    if (selectedRebaseBranch) {
-      handleRebaseWithNewBranch(selectedRebaseBranch);
-    }
-  };
-
-  const handleRebaseDialogOpen = () => {
-    setSelectedRebaseBranch('');
-    setShowRebaseDialog(true);
-  };
-
-  const handleCreatePRClick = async () => {
-    if (!projectId || !selectedAttempt?.id || !selectedAttempt?.task_id) return;
-
-    // If PR already exists, open it
-    if (selectedAttempt.pr_url) {
-      window.open(selectedAttempt.pr_url, '_blank');
-      return;
-    }
-
-    setShowCreatePRDialog(true);
-  };
-
-  const handlePlanApproval = async () => {
-    if (!task || !selectedAttempt || !isPlanTask) return;
-
-    setIsApprovingPlan(true);
-    try {
-      const response = await makeRequest(
-        `/api/projects/${projectId}/tasks/${task.id}/attempts/${selectedAttempt.id}/approve-plan`,
-        {
-          method: 'POST',
-          // No body needed - endpoint only handles approval now
-        }
-      );
-
-      if (response.ok) {
-        const result: ApiResponse<FollowUpResponse> = await response.json();
-        if (result.success && result.data) {
-          console.log('Plan approved successfully:', result.message);
-
-          // If a new task was created, navigate to it
-          if (result.data.created_new_attempt) {
-            const newTaskId = result.data.actual_attempt_id;
-            console.log('Navigating to new task:', newTaskId);
-            navigate(`/projects/${projectId}/tasks/${newTaskId}`);
-          } else {
-            // Otherwise, just refresh the current task data
-            fetchAttemptData(selectedAttempt.id, selectedAttempt.task_id);
-          }
-        } else {
-          setError(`Failed to approve plan: ${result.message}`);
-        }
-      } else {
-        setError('Failed to approve plan');
-      }
-    } catch (error) {
-      setError(
-        `Error approving plan: ${error instanceof Error ? error.message : 'Unknown error'}`
-      );
-    } finally {
-      setIsApprovingPlan(false);
-    }
-  };
-
-  // Get display name for selected branch
-  const selectedBranchDisplayName = useMemo(() => {
-    if (!selectedBranch) return 'current';
-
-    // For remote branches, show just the branch name without the remote prefix
-    if (selectedBranch.includes('/')) {
-      const parts = selectedBranch.split('/');
-      return parts[parts.length - 1];
-    }
-    return selectedBranch;
-  }, [selectedBranch]);
-
-  // Get display name for the configured editor
-  const editorDisplayName = useMemo(() => {
-    if (!config?.editor?.editor_type) return 'Editor';
-    return getEditorDisplayName(config.editor.editor_type);
-  }, [config?.editor?.editor_type]);
-
-  const handleCopyWorktreePath = useCallback(async () => {
-    try {
-      await navigator.clipboard.writeText(selectedAttempt.worktree_path);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-    } catch (err) {
-      console.error('Failed to copy worktree path:', err);
-    }
-  }, [selectedAttempt.worktree_path]);
-
-  return (
-    <div className="space-y-2">
-      <div className="grid grid-cols-4 gap-3 items-start">
-        <div>
-          <div className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-1">
-            Started
-          </div>
-          <div className="text-sm font-medium">
-            {new Date(selectedAttempt.created_at).toLocaleDateString()}{' '}
-            {new Date(selectedAttempt.created_at).toLocaleTimeString([], {
-              hour: '2-digit',
-              minute: '2-digit',
-            })}
-          </div>
-        </div>
-
-        <div>
-          <div className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-1">
-            Agent
-          </div>
-          <div className="text-sm font-medium">
-            {availableExecutors.find((e) => e.id === selectedAttempt.executor)
-              ?.name ||
-              selectedAttempt.executor ||
-              'Unknown'}
-          </div>
-        </div>
-
-        <div>
-          <div className="flex items-center gap-1.5 text-xs font-medium text-muted-foreground uppercase tracking-wide mb-1">
-            <span>Base Branch</span>
-            <TooltipProvider>
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    onClick={handleRebaseDialogOpen}
-                    disabled={
-                      rebasing ||
-                      branchStatusLoading ||
-                      isAttemptRunning ||
-                      isPlanTask
-                    }
-                    className="h-4 w-4 p-0 hover:bg-muted"
-                  >
-                    <Settings className="h-3 w-3" />
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent>
-                  <p>Change base branch</p>
-                </TooltipContent>
-              </Tooltip>
-            </TooltipProvider>
-          </div>
-          <div className="flex items-center gap-1.5">
-            <GitBranchIcon className="h-3 w-3 text-muted-foreground" />
-            <span className="text-sm font-medium">
-              {branchStatus?.base_branch_name || selectedBranchDisplayName}
-            </span>
-          </div>
-        </div>
-
-        <div>
-          <div className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-1">
-            {isPlanTask ? 'Plan Status' : 'Merge Status'}
-          </div>
-          <div className="flex items-center gap-1.5">
-            {isPlanTask ? (
-              // Plan status for planning tasks
-              relatedTasks && relatedTasks.length > 0 ? (
-                <div className="flex items-center gap-1.5">
-                  <div className="h-2 w-2 bg-green-500 rounded-full" />
-                  <span className="text-sm font-medium text-green-700">
-                    Task Created
-                  </span>
-                </div>
-              ) : (
-                <div className="flex items-center gap-1.5">
-                  <div className="h-2 w-2 bg-gray-500 rounded-full" />
-                  <span className="text-sm font-medium text-gray-700">
-                    Draft
-                  </span>
-                </div>
-              )
-            ) : // Merge status for regular tasks
-            selectedAttempt.merge_commit ? (
-              <div className="flex items-center gap-1.5">
-                <div className="h-2 w-2 bg-green-500 rounded-full" />
-                <span className="text-sm font-medium text-green-700">
-                  Merged
-                </span>
-                <span className="text-xs font-mono text-muted-foreground">
-                  ({selectedAttempt.merge_commit.slice(0, 8)})
-                </span>
-              </div>
-            ) : (
-              <div className="flex items-center gap-1.5">
-                <div className="h-2 w-2 bg-yellow-500 rounded-full" />
-                <span className="text-sm font-medium text-yellow-700">
-                  Not merged
-                </span>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-
-      <div className="col-span-4">
-        <div className="flex items-center gap-1.5 mb-1">
-          <div className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-1">
-            Worktree Path
-          </div>
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => handleOpenInEditor()}
-            className="h-6 px-2 text-xs hover:bg-muted gap-1"
-          >
-            <ExternalLink className="h-3 w-3" />
-            Open in {editorDisplayName}
-          </Button>
-        </div>
-        <div
-          className={`text-xs font-mono px-2 py-1 rounded break-all cursor-pointer transition-all duration-300 flex items-center gap-2 ${
-            copied
-              ? 'bg-green-100 text-green-800 border border-green-300'
-              : 'text-muted-foreground bg-muted hover:bg-muted/80'
-          }`}
-          onClick={handleCopyWorktreePath}
-          title={copied ? 'Copied!' : 'Click to copy worktree path'}
-        >
-          {copied && <Check className="h-3 w-3 text-green-600" />}
-          <span className={copied ? 'text-green-800' : ''}>
-            {selectedAttempt.worktree_path}
-          </span>
-          {copied && (
-            <span className="text-green-700 font-medium">Copied!</span>
-          )}
-        </div>
-      </div>
-
-      <div className="col-span-4 flex flex-wrap items-center justify-between gap-2">
-        <div className="flex items-center gap-2 flex-wrap">
-          <TooltipProvider>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <div
-                  className={!projectHasDevScript ? 'cursor-not-allowed' : ''}
-                  onMouseEnter={() => setIsHoveringDevServer(true)}
-                  onMouseLeave={() => setIsHoveringDevServer(false)}
-                >
-                  <Button
-                    variant={runningDevServer ? 'destructive' : 'outline'}
-                    size="sm"
-                    onClick={runningDevServer ? stopDevServer : startDevServer}
-                    disabled={isStartingDevServer || !projectHasDevScript}
-                    className="gap-1"
-                  >
-                    {runningDevServer ? (
-                      <>
-                        <StopCircle className="h-3 w-3" />
-                        Stop Dev
-                      </>
-                    ) : (
-                      <>
-                        <Play className="h-3 w-3" />
-                        Dev Server
-                      </>
-                    )}
-                  </Button>
-                </div>
-              </TooltipTrigger>
-              <TooltipContent
-                className={runningDevServer ? 'max-w-2xl p-4' : ''}
-                side="top"
-                align="center"
-                avoidCollisions={true}
-              >
-                {!projectHasDevScript ? (
-                  <p>
-                    Add a dev server script in project settings to enable this
-                    feature
-                  </p>
-                ) : runningDevServer && devServerDetails ? (
-                  <div className="space-y-2">
-                    <p className="text-sm font-medium">
-                      Dev Server Logs (Last 10 lines):
-                    </p>
-                    <pre className="text-xs bg-muted p-2 rounded max-h-64 overflow-y-auto whitespace-pre-wrap">
-                      {processedDevServerLogs}
-                    </pre>
-                  </div>
-                ) : runningDevServer ? (
-                  <p>Stop the running dev server</p>
-                ) : (
-                  <p>Start the dev server</p>
-                )}
-              </TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
-        </div>
-
-        <div className="flex items-center gap-2 flex-wrap">
-          {taskAttempts.length > 1 && (
-            <DropdownMenu>
-              <TooltipProvider>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <DropdownMenuTrigger asChild>
-                      <Button variant="outline" size="sm" className="gap-2">
-                        <History className="h-4 w-4" />
-                        History
-                      </Button>
-                    </DropdownMenuTrigger>
-                  </TooltipTrigger>
-                  <TooltipContent>
-                    <p>View attempt history</p>
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-              <DropdownMenuContent align="start" className="w-64">
-                {taskAttempts.map((attempt) => (
-                  <DropdownMenuItem
-                    key={attempt.id}
-                    onClick={() => handleAttemptChange(attempt)}
-                    className={
-                      selectedAttempt?.id === attempt.id ? 'bg-accent' : ''
-                    }
-                  >
-                    <div className="flex flex-col w-full">
-                      <span className="font-medium text-sm">
-                        {new Date(attempt.created_at).toLocaleDateString()}{' '}
-                        {new Date(attempt.created_at).toLocaleTimeString()}
-                      </span>
-                      <span className="text-xs text-muted-foreground">
-                        {attempt.executor || 'executor'}
-                      </span>
-                    </div>
-                  </DropdownMenuItem>
-                ))}
-              </DropdownMenuContent>
-            </DropdownMenu>
-          )}
-
-          {/* Git Operations */}
-          {selectedAttempt && branchStatus && (
-            <>
-              {branchStatus.is_behind &&
-                !branchStatus.merged &&
-                !isPlanTask && (
-                  <Button
-                    onClick={handleRebaseClick}
-                    disabled={
-                      rebasing || branchStatusLoading || isAttemptRunning
-                    }
-                    variant="outline"
-                    size="sm"
-                    className="border-orange-300 text-orange-700 hover:bg-orange-50 gap-1"
-                  >
-                    <RefreshCw
-                      className={`h-3 w-3 ${rebasing ? 'animate-spin' : ''}`}
-                    />
-                    {rebasing ? 'Rebasing...' : `Rebase`}
-                  </Button>
-                )}
-              {isPlanTask ? (
-                // Plan tasks: show approval button
-                <Button
-                  onClick={handlePlanApproval}
-                  disabled={
-                    isAttemptRunning ||
-                    executionState?.execution_state === 'CodingAgentFailed' ||
-                    executionState?.execution_state === 'SetupFailed'
-                  }
-                  size="sm"
-                  className="bg-green-600 hover:bg-green-700 disabled:bg-gray-400 gap-1"
-                >
-                  <GitBranchIcon className="h-3 w-3" />
-                  {isApprovingPlan ? 'Approving...' : 'Create Task'}
-                </Button>
-              ) : (
-                // Normal merge and PR buttons for regular tasks
-                !branchStatus.merged && (
-                  <>
-                    <Button
-                      onClick={handleCreatePRClick}
-                      disabled={
-                        creatingPR ||
-                        Boolean(branchStatus.is_behind) ||
-                        isAttemptRunning
-                      }
-                      variant="outline"
-                      size="sm"
-                      className="border-blue-300 text-blue-700 hover:bg-blue-50 gap-1"
-                    >
-                      <GitPullRequest className="h-3 w-3" />
-                      {selectedAttempt.pr_url
-                        ? 'Open PR'
-                        : creatingPR
-                          ? 'Creating...'
-                          : 'Create PR'}
-                    </Button>
-                    <Button
-                      onClick={handleMergeClick}
-                      disabled={
-                        merging ||
-                        Boolean(branchStatus.is_behind) ||
-                        isAttemptRunning
-                      }
-                      size="sm"
-                      className="bg-green-600 hover:bg-green-700 disabled:bg-gray-400 gap-1"
-                    >
-                      <GitBranchIcon className="h-3 w-3" />
-                      {merging ? 'Merging...' : 'Merge'}
-                    </Button>
-                  </>
-                )
-              )}
-            </>
-          )}
-
-          {isStopping || isAttemptRunning ? (
-            <Button
-              variant="destructive"
-              size="sm"
-              onClick={stopAllExecutions}
-              disabled={isStopping}
-              className="gap-2"
-            >
-              <StopCircle className="h-4 w-4" />
-              {isStopping ? 'Stopping...' : 'Stop Attempt'}
-            </Button>
-          ) : (
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={handleEnterCreateAttemptMode}
-              className="gap-2"
-            >
-              <Plus className="h-4 w-4" />
-              New Attempt
-            </Button>
-          )}
-        </div>
-      </div>
-
-      {/* Rebase Dialog */}
-      <Dialog open={showRebaseDialog} onOpenChange={setShowRebaseDialog}>
-        <DialogContent className="sm:max-w-md">
-          <DialogHeader>
-            <DialogTitle>Rebase Task Attempt</DialogTitle>
-            <DialogDescription>
-              Choose a new base branch to rebase this task attempt onto.
-            </DialogDescription>
-          </DialogHeader>
-
-          <div className="space-y-4">
-            <div className="space-y-2">
-              <label htmlFor="base-branch" className="text-sm font-medium">
-                Base Branch
-              </label>
-              <BranchSelector
-                branches={branches}
-                selectedBranch={selectedRebaseBranch}
-                onBranchSelect={setSelectedRebaseBranch}
-                placeholder="Select a base branch"
-                excludeCurrentBranch={false}
-              />
-            </div>
-          </div>
-
-          <DialogFooter>
-            <Button
-              variant="outline"
-              onClick={() => setShowRebaseDialog(false)}
-              disabled={rebasing}
-            >
-              Cancel
-            </Button>
-            <Button
-              onClick={handleRebaseDialogConfirm}
-              disabled={rebasing || !selectedRebaseBranch}
-            >
-              {rebasing ? 'Rebasing...' : 'Rebase'}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-
-      {/* Stop Execution Confirmation Dialog */}
-      <Dialog
-        open={showStopConfirmation}
-        onOpenChange={setShowStopConfirmation}
-      >
-        <DialogContent className="sm:max-w-md">
-          <DialogHeader>
-            <DialogTitle>Stop Current Attempt?</DialogTitle>
-            <DialogDescription>
-              Are you sure you want to stop the current execution? This action
-              cannot be undone.
-            </DialogDescription>
-          </DialogHeader>
-          <DialogFooter>
-            <Button
-              variant="outline"
-              onClick={() => setShowStopConfirmation(false)}
-              disabled={isStopping}
-            >
-              Cancel
-            </Button>
-            <Button
-              variant="destructive"
-              onClick={async () => {
-                setShowStopConfirmation(false);
-                await stopAllExecutions();
-              }}
-              disabled={isStopping}
-            >
-              {isStopping ? 'Stopping...' : 'Stop'}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </div>
-  );
-}
-
-export default CurrentAttempt;