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

Update setup script activity etc...

Browse Source
This commit is contained in:
Louis Knight-Webb
2025-06-19 11:09:32 -04:00
parent 376be69b8e
commit 68a3fa2109
10 changed files with 321 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
frontend/src/components/tasks/TaskDetailsDialog.tsx
View File

@@ -23,6 +23,7 @@ import type {
TaskStatus,
TaskAttempt,
TaskAttemptActivity,
TaskAttemptStatus,
} from "shared/types";
interface Task {
@@ -57,6 +58,29 @@ const statusLabels: Record<TaskStatus, string> = {
cancelled: "Cancelled",
};
const getAttemptStatusDisplay = (status: TaskAttemptStatus): { label: string; className: string } => {
switch (status) {
case "init":
return { label: "Init", className: "bg-gray-100 text-gray-800" };
case "setuprunning":
return { label: "Setup Running", className: "bg-blue-100 text-blue-800" };
case "setupcomplete":
return { label: "Setup Complete", className: "bg-green-100 text-green-800" };
case "setupfailed":
return { label: "Setup Failed", className: "bg-red-100 text-red-800" };
case "executorrunning":
return { label: "Executor Running", className: "bg-blue-100 text-blue-800" };
case "executorcomplete":
return { label: "Executor Complete", className: "bg-green-100 text-green-800" };
case "executorfailed":
return { label: "Executor Failed", className: "bg-red-100 text-red-800" };
case "paused":
return { label: "Paused", className: "bg-yellow-100 text-yellow-800" };
default:
return { label: "Unknown", className: "bg-gray-100 text-gray-800" };
}
};
export function TaskDetailsDialog({
isOpen,
onOpenChange,
@@ -84,11 +108,14 @@ export function TaskDetailsDialog({
const [editedStatus, setEditedStatus] = useState<TaskStatus>("todo");
const [savingTask, setSavingTask] = useState(false);
// Check if the selected attempt is currently running (latest activity is "inprogress")
// Check if the selected attempt is active (not in a final state)
const isAttemptRunning =
selectedAttempt &&
attemptActivities.length > 0 &&
attemptActivities[0].status === "inprogress";
(attemptActivities[0].status === "init" ||
attemptActivities[0].status === "setuprunning" ||
attemptActivities[0].status === "setupcomplete" ||
attemptActivities[0].status === "executorrunning");
useEffect(() => {
if (isOpen && task) {
@@ -629,18 +656,10 @@ export function TaskDetailsDialog({
<div className="flex items-center justify-between">
<span
className={`px-2 py-1 rounded-full text-xs font-medium ${
activity.status === "init"
? "bg-gray-100 text-gray-800"
: activity.status === "inprogress"
? "bg-blue-100 text-blue-800"
: "bg-yellow-100 text-yellow-800"
getAttemptStatusDisplay(activity.status).className
}`}
>
{activity.status === "init"
? "Init"
: activity.status === "inprogress"
? "In Progress"
: "Paused"}
{getAttemptStatusDisplay(activity.status).label}
</span>
<p className="text-xs text-muted-foreground">
{new Date(activity.created_at).toLocaleString()}

44
frontend/src/pages/task-details.tsx
View File

@@ -18,6 +18,7 @@ import type {
TaskStatus,
TaskAttempt,
TaskAttemptActivity,
TaskAttemptStatus,
} from "shared/types";
interface Task {
@@ -44,6 +45,29 @@ const statusLabels: Record<TaskStatus, string> = {
cancelled: "Cancelled",
};
const getAttemptStatusDisplay = (status: TaskAttemptStatus): { label: string; className: string } => {
switch (status) {
case "init":
return { label: "Init", className: "bg-gray-100 text-gray-800" };
case "setuprunning":
return { label: "Setup Running", className: "bg-blue-100 text-blue-800" };
case "setupcomplete":
return { label: "Setup Complete", className: "bg-green-100 text-green-800" };
case "setupfailed":
return { label: "Setup Failed", className: "bg-red-100 text-red-800" };
case "executorrunning":
return { label: "Executor Running", className: "bg-blue-100 text-blue-800" };
case "executorcomplete":
return { label: "Executor Complete", className: "bg-green-100 text-green-800" };
case "executorfailed":
return { label: "Executor Failed", className: "bg-red-100 text-red-800" };
case "paused":
return { label: "Paused", className: "bg-yellow-100 text-yellow-800" };
default:
return { label: "Unknown", className: "bg-gray-100 text-gray-800" };
}
};
export function TaskDetailsPage() {
const { projectId, taskId } = useParams<{
projectId: string;
@@ -70,12 +94,14 @@ export function TaskDetailsPage() {
const [isTaskDialogOpen, setIsTaskDialogOpen] = useState(false);
// Check if the selected attempt is currently running (latest activity is "inprogress" or "init")
// Check if the selected attempt is active (not in a final state)
const isAttemptRunning =
selectedAttempt &&
attemptActivities.length > 0 &&
(attemptActivities[0].status === "inprogress" ||
attemptActivities[0].status === "init");
(attemptActivities[0].status === "init" ||
attemptActivities[0].status === "setuprunning" ||
attemptActivities[0].status === "setupcomplete" ||
attemptActivities[0].status === "executorrunning");
// Polling for updates when attempt is running
useEffect(() => {
@@ -677,18 +703,10 @@ export function TaskDetailsPage() {
<div className="flex items-center justify-between">
<span
className={`px-2 py-1 rounded-full text-xs font-medium ${
activity.status === "init"
? "bg-gray-100 text-gray-800"
: activity.status === "inprogress"
? "bg-blue-100 text-blue-800"
: "bg-yellow-100 text-yellow-800"
getAttemptStatusDisplay(activity.status).className
}`}
>
{activity.status === "init"
? "Init"
: activity.status === "inprogress"
? "In Progress"
: "Paused"}
{getAttemptStatusDisplay(activity.status).label}
</span>
<p className="text-xs text-muted-foreground">
{new Date(activity.created_at).toLocaleString()}