automagik-forge 0.1.13 → 0.1.14

package/frontend/src/components/tasks/TaskCard.tsx

@@ -1,154 +0,0 @@
-import { KeyboardEvent, useCallback, useEffect, useRef } from 'react';
-import { Button } from '@/components/ui/button';
-import { Badge } from '@/components/ui/badge';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import { KanbanCard } from '@/components/ui/shadcn-io/kanban';
-import {
-  CheckCircle,
-  Edit,
-  Loader2,
-  MoreHorizontal,
-  Trash2,
-  XCircle,
-} from 'lucide-react';
-import type { TaskWithAttemptStatus } from 'shared/types';
-import { is_planning_executor_type } from '@/lib/utils';
-
-type Task = TaskWithAttemptStatus;
-
-interface TaskCardProps {
-  task: Task;
-  index: number;
-  status: string;
-  onEdit: (task: Task) => void;
-  onDelete: (taskId: string) => void;
-  onViewDetails: (task: Task) => void;
-  isFocused: boolean;
-  tabIndex?: number;
-}
-
-export function TaskCard({
-  task,
-  index,
-  status,
-  onEdit,
-  onDelete,
-  onViewDetails,
-  isFocused,
-  tabIndex = -1,
-}: TaskCardProps) {
-  const localRef = useRef<HTMLDivElement>(null);
-  useEffect(() => {
-    if (isFocused && localRef.current) {
-      localRef.current.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-      localRef.current.focus();
-    }
-  }, [isFocused]);
-
-  const handleKeyDown = useCallback(
-    (e: KeyboardEvent) => {
-      if (e.key === 'Backspace') {
-        onDelete(task.id);
-      } else if (e.key === 'Enter' || e.key === ' ') {
-        onViewDetails(task);
-      }
-    },
-    [task, onDelete, onViewDetails]
-  );
-
-  const handleClick = useCallback(() => {
-    onViewDetails(task);
-  }, [task, onViewDetails]);
-
-  return (
-    <KanbanCard
-      key={task.id}
-      id={task.id}
-      name={task.title}
-      index={index}
-      parent={status}
-      onClick={handleClick}
-      tabIndex={tabIndex}
-      forwardedRef={localRef}
-      onKeyDown={handleKeyDown}
-    >
-      <div className="space-y-2">
-        <div className="flex items-start justify-between">
-          <div className="flex-1 pr-2">
-            <div className="mb-1">
-              <h4 className="font-medium text-sm break-words">
-                {task.latest_attempt_executor &&
-                  is_planning_executor_type(task.latest_attempt_executor) && (
-                    <Badge className="bg-blue-600 text-white hover:bg-blue-700 text-xs font-medium px-1.5 py-0.5 h-4 text-[10px] mr-1">
-                      PLAN
-                    </Badge>
-                  )}
-                {task.title}
-              </h4>
-            </div>
-          </div>
-          <div className="flex items-center space-x-1">
-            {/* In Progress Spinner */}
-            {task.has_in_progress_attempt && (
-              <Loader2 className="h-3 w-3 animate-spin text-blue-500" />
-            )}
-            {/* Merged Indicator */}
-            {task.has_merged_attempt && (
-              <CheckCircle className="h-3 w-3 text-green-500" />
-            )}
-            {/* Failed Indicator */}
-            {task.last_attempt_failed && !task.has_merged_attempt && (
-              <XCircle className="h-3 w-3 text-red-500" />
-            )}
-            {/* Actions Menu */}
-            <div
-              onPointerDown={(e) => e.stopPropagation()}
-              onMouseDown={(e) => e.stopPropagation()}
-              onClick={(e) => e.stopPropagation()}
-              onKeyDown={(e) => e.stopPropagation()}
-            >
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    className="h-6 w-6 p-0 hover:bg-muted"
-                  >
-                    <MoreHorizontal className="h-3 w-3" />
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="end">
-                  <DropdownMenuItem onClick={() => onEdit(task)}>
-                    <Edit className="h-4 w-4 mr-2" />
-                    Edit
-                  </DropdownMenuItem>
-                  <DropdownMenuItem
-                    onClick={() => onDelete(task.id)}
-                    className="text-destructive"
-                  >
-                    <Trash2 className="h-4 w-4 mr-2" />
-                    Delete
-                  </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-          </div>
-        </div>
-        {task.description && (
-          <div>
-            <p className="text-xs text-muted-foreground break-words">
-              {task.description.length > 130
-                ? `${task.description.substring(0, 130)}...`
-                : task.description}
-            </p>
-          </div>
-        )}
-      </div>
-    </KanbanCard>
-  );
-}

package/frontend/src/components/tasks/TaskDetails/CollapsibleToolbar.tsx

@@ -1,33 +0,0 @@
-import { memo, useState } from 'react';
-import { Button } from '@/components/ui/button.tsx';
-import { ChevronDown, ChevronUp } from 'lucide-react';
-import TaskDetailsToolbar from '@/components/tasks/TaskDetailsToolbar.tsx';
-
-function CollapsibleToolbar() {
-  const [isHeaderCollapsed, setIsHeaderCollapsed] = useState(false);
-
-  return (
-    <div className="border-b">
-      <div className="px-4 pb-2 flex items-center justify-between">
-        <h3 className="text-sm font-medium text-muted-foreground">
-          Task Details
-        </h3>
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={() => setIsHeaderCollapsed((prev) => !prev)}
-          className="h-6 w-6 p-0"
-        >
-          {isHeaderCollapsed ? (
-            <ChevronDown className="h-4 w-4" />
-          ) : (
-            <ChevronUp className="h-4 w-4" />
-          )}
-        </Button>
-      </div>
-      {!isHeaderCollapsed && <TaskDetailsToolbar />}
-    </div>
-  );
-}
-
-export default memo(CollapsibleToolbar);

package/frontend/src/components/tasks/TaskDetails/DiffCard.tsx

@@ -1,109 +0,0 @@
-import { useContext, useState } from 'react';
-import { Button } from '@/components/ui/button.tsx';
-import { GitCompare } from 'lucide-react';
-import type { WorktreeDiff } from 'shared/types.ts';
-import { TaskBackgroundRefreshContext } from '@/components/context/taskDetailsContext.ts';
-import DiffFile from '@/components/tasks/TaskDetails/DiffFile.tsx';
-import { Loader } from '@/components/ui/loader';
-
-interface DiffCardProps {
-  diff: WorktreeDiff | null;
-  deletable?: boolean;
-  compact?: boolean;
-  className?: string;
-}
-
-export function DiffCard({
-  diff,
-  deletable = false,
-  compact = false,
-  className = '',
-}: DiffCardProps) {
-  const { isBackgroundRefreshing } = useContext(TaskBackgroundRefreshContext);
-  const [collapsedFiles, setCollapsedFiles] = useState<Set<string>>(new Set());
-
-  const collapseAllFiles = () => {
-    if (diff) {
-      setCollapsedFiles(new Set(diff.files.map((file) => file.path)));
-    }
-  };
-
-  const expandAllFiles = () => {
-    setCollapsedFiles(new Set());
-  };
-
-  if (!diff || diff.files.length === 0) {
-    return (
-      <div
-        className={`bg-muted/30 border border-muted rounded-lg p-4 ${className}`}
-      >
-        <div className="text-center py-4 text-muted-foreground">
-          <GitCompare className="h-8 w-8 mx-auto mb-2 opacity-50" />
-          <p className="text-sm">No changes detected</p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div
-      className={`bg-background border border-border rounded-lg overflow-hidden shadow-sm flex flex-col ${className}`}
-    >
-      {/* Header */}
-      <div className="bg-muted/50 px-3 py-2 border-b flex items-center justify-between flex-shrink-0">
-        <div className="flex items-center gap-2">
-          <GitCompare className="h-4 w-4 text-muted-foreground" />
-          <div className="text-sm font-medium">
-            {diff.files.length} file{diff.files.length !== 1 ? 's' : ''} changed
-          </div>
-          {isBackgroundRefreshing && (
-            <div className="flex items-center gap-1">
-              <Loader size={12} />
-            </div>
-          )}
-        </div>
-        {!compact && diff.files.length > 1 && (
-          <div className="flex items-center gap-2">
-            <Button
-              variant="ghost"
-              size="sm"
-              onClick={expandAllFiles}
-              className="h-6 text-xs"
-              disabled={collapsedFiles.size === 0}
-            >
-              Expand All
-            </Button>
-            <Button
-              variant="ghost"
-              size="sm"
-              onClick={collapseAllFiles}
-              className="h-6 text-xs"
-              disabled={collapsedFiles.size === diff.files.length}
-            >
-              Collapse All
-            </Button>
-          </div>
-        )}
-      </div>
-
-      {/* Files */}
-      <div
-        className={`${compact ? 'max-h-80' : 'flex-1 min-h-0'} overflow-y-auto`}
-      >
-        <div className="space-y-2 p-3">
-          {diff.files.map((file, fileIndex) => (
-            <DiffFile
-              key={fileIndex}
-              collapsedFiles={collapsedFiles}
-              compact={compact}
-              deletable={deletable}
-              file={file}
-              fileIndex={fileIndex}
-              setCollapsedFiles={setCollapsedFiles}
-            />
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}

package/frontend/src/components/tasks/TaskDetails/DiffChunkSection.tsx

@@ -1,135 +0,0 @@
-import { Button } from '@/components/ui/button.tsx';
-import { ChevronDown, ChevronUp } from 'lucide-react';
-import type { DiffChunkType } from 'shared/types.ts';
-import { Dispatch, SetStateAction } from 'react';
-import { ProcessedSection } from '@/lib/types.ts';
-
-type Props = {
-  section: ProcessedSection;
-  sectionIndex: number;
-  setExpandedSections: Dispatch<SetStateAction<Set<string>>>;
-};
-
-function DiffChunkSection({
-  section,
-  sectionIndex,
-  setExpandedSections,
-}: Props) {
-  const toggleExpandSection = (expandKey: string) => {
-    setExpandedSections((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(expandKey)) {
-        newSet.delete(expandKey);
-      } else {
-        newSet.add(expandKey);
-      }
-      return newSet;
-    });
-  };
-
-  const getChunkClassName = (chunkType: DiffChunkType) => {
-    const baseClass = 'font-mono text-sm whitespace-pre flex w-full';
-
-    switch (chunkType) {
-      case 'Insert':
-        return `${baseClass} bg-green-50 dark:bg-green-900/20 text-green-900 dark:text-green-100`;
-      case 'Delete':
-        return `${baseClass} bg-red-50 dark:bg-red-900/20 text-red-900 dark:text-red-100`;
-      case 'Equal':
-      default:
-        return `${baseClass} text-muted-foreground`;
-    }
-  };
-
-  const getLineNumberClassName = (chunkType: DiffChunkType) => {
-    const baseClass =
-      'flex-shrink-0 w-12 px-1.5 text-xs border-r select-none min-h-[1.25rem] flex items-center';
-
-    switch (chunkType) {
-      case 'Insert':
-        return `${baseClass} text-green-800 dark:text-green-200 bg-green-100 dark:bg-green-900/40 border-green-300 dark:border-green-600`;
-      case 'Delete':
-        return `${baseClass} text-red-800 dark:text-red-200 bg-red-100 dark:bg-red-900/40 border-red-300 dark:border-red-600`;
-      case 'Equal':
-      default:
-        return `${baseClass} text-gray-500 dark:text-gray-400 bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700`;
-    }
-  };
-
-  const getChunkPrefix = (chunkType: DiffChunkType) => {
-    switch (chunkType) {
-      case 'Insert':
-        return '+';
-      case 'Delete':
-        return '-';
-      case 'Equal':
-      default:
-        return ' ';
-    }
-  };
-
-  if (
-    section.type === 'context' &&
-    section.lines.length === 0 &&
-    section.expandKey
-  ) {
-    const lineCount =
-      parseInt(section.expandKey.split('-')[2]) -
-      parseInt(section.expandKey.split('-')[1]);
-    return (
-      <div className="w-full">
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={() => toggleExpandSection(section.expandKey!)}
-          className="w-full h-5 text-xs text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-950/50 border-t border-b border-gray-200 dark:border-gray-700 rounded-none justify-start"
-        >
-          <ChevronDown className="h-3 w-3 mr-1" />
-          Show {lineCount} more lines
-        </Button>
-      </div>
-    );
-  }
-
-  return (
-    <div>
-      {section.type === 'expanded' && section.expandKey && (
-        <div className="w-full">
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => toggleExpandSection(section.expandKey!)}
-            className="w-full h-5 text-xs text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 hover:bg-blue-50 dark:hover:bg-blue-950/50 border-t border-b border-gray-200 dark:border-gray-700 rounded-none justify-start"
-          >
-            <ChevronUp className="h-3 w-3 mr-1" />
-            Hide expanded lines
-          </Button>
-        </div>
-      )}
-      {section.lines.map((line, lineIndex) => (
-        <div
-          key={`${sectionIndex}-${lineIndex}`}
-          className={getChunkClassName(line.chunkType)}
-          style={{ minWidth: 'max-content' }}
-        >
-          <div className={getLineNumberClassName(line.chunkType)}>
-            <span className="inline-block w-4 text-right text-xs">
-              {line.oldLineNumber || ''}
-            </span>
-            <span className="inline-block w-4 text-right ml-1 text-xs">
-              {line.newLineNumber || ''}
-            </span>
-          </div>
-          <div className="flex-1 px-2 min-h-[1rem] flex items-center">
-            <span className="inline-block w-3 text-xs">
-              {getChunkPrefix(line.chunkType)}
-            </span>
-            <span className="text-xs">{line.content}</span>
-          </div>
-        </div>
-      ))}
-    </div>
-  );
-}
-
-export default DiffChunkSection;