TaskDetailView.tsx

import {
	isWorkspaceStarting,
	isTaskWorking,
	type TaskDetails,
} from "@repo/shared";

import { AgentChatHistory } from "./AgentChatHistory";
import { ErrorBanner } from "./ErrorBanner";
import { TaskDetailHeader } from "./TaskDetailHeader";
import { TaskMessageInput } from "./TaskMessageInput";
import { WorkspaceLogs } from "./WorkspaceLogs";

interface TaskDetailViewProps {
	details: TaskDetails;
	onBack: () => void;
}

export function TaskDetailView({ details, onBack }: TaskDetailViewProps) {
	const { task, logs } = details;

	const starting = isWorkspaceStarting(task);
	const isThinking = isTaskWorking(task);

	return (
		<div className="task-detail-view">
			<TaskDetailHeader task={task} onBack={onBack} />
			{task.status === "error" && <ErrorBanner task={task} />}
			{starting ? (
				<WorkspaceLogs task={task} />
			) : (
				<AgentChatHistory taskLogs={logs} isThinking={isThinking} />
			)}
			<TaskMessageInput task={task} />
		</div>
	);
}