import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { AlertCircle, CheckCircle2, Clock3, ListTodo, Loader2, PauseCircle, PlayCircle, } from "lucide-react";
import { WizardTaskStatusBadge } from "./WizardCommunicationShared";
export function WizardWorkingSummaryCard(props) {
    const { openChatButton } = props;
    return (_jsx("div", { className: "flex h-full items-center justify-center p-6", children: _jsxs("div", { className: "w-full max-w-xl rounded-2xl border border-emerald-200 bg-emerald-50 p-6 text-emerald-950", "data-testid": "taskboard-wizard-task-working-summary", children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "rounded-xl bg-white/70 p-3", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin", strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-lg font-semibold", children: "Agent is working" }), _jsx("p", { className: "mt-1 text-sm opacity-90", children: "This task is actively running. Open chat to follow the live conversation." })] })] }), openChatButton ? (_jsx("div", { className: "mt-5 flex justify-start", children: openChatButton })) : null] }) }));
}
export function WizardBlockingSummary(props) {
    const { unresolvedBlockingDetails, onSelectTask } = props;
    return (_jsx("div", { className: "flex w-full justify-center px-6 pt-4 pb-6", children: _jsxs("div", { className: "w-full max-w-xl rounded-2xl border border-amber-200 bg-amber-50 p-6 text-amber-950", "data-testid": "taskboard-wizard-blocking-summary", children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "rounded-xl bg-white/70 p-3", children: _jsx(PauseCircle, { className: "h-6 w-6", strokeWidth: 1.75 }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-lg font-semibold", children: "Blocked by unfinished tasks" }), _jsx("p", { className: "mt-1 text-sm opacity-90", children: "Finish the dependencies below before this task can continue." })] })] }), unresolvedBlockingDetails.tasks.length > 0 ? (_jsx("div", { className: "mt-5 grid gap-2", "data-testid": "taskboard-wizard-blocker-list", children: unresolvedBlockingDetails.tasks.map((blockingTask) => {
                        const taskLabel = blockingTask.taskKey
                            ? `${blockingTask.taskKey} - ${blockingTask.title}`
                            : blockingTask.title;
                        return (_jsxs("button", { type: "button", className: "flex w-full items-center justify-between gap-3 rounded-xl border border-white/70 bg-white/80 px-4 py-3 text-left transition-colors hover:bg-white", "data-testid": `taskboard-wizard-blocker-task-${blockingTask.taskId}`, onClick: () => onSelectTask?.(blockingTask.taskId), children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-semibold text-slate-900", children: taskLabel }), _jsx("div", { className: "mt-1 text-xs text-slate-600", children: "Open this task to unblock the selected work." })] }), _jsx("div", { className: "shrink-0 text-[11px]", children: _jsx(WizardTaskStatusBadge, { status: blockingTask.status }) })] }, blockingTask.taskId));
                    }) })) : null, unresolvedBlockingDetails.hiddenCount > 0 ? (_jsxs("div", { className: "mt-4 rounded-xl border border-white/60 bg-white/60 px-4 py-3 text-sm text-slate-700", children: [unresolvedBlockingDetails.hiddenCount, " blocking dependenc", unresolvedBlockingDetails.hiddenCount === 1 ? "y is" : "ies are", " ", "not visible in the current workspace."] })) : null] }) }));
}
export function WizardProjectSummaryCard(props) {
    const { summaryState, summaryPresentation, stats } = props;
    const SummaryIcon = summaryPresentation.icon;
    return (_jsx("div", { className: "flex h-full items-center justify-center p-6", children: _jsxs("div", { className: `w-full max-w-xl rounded-2xl border p-6 ${summaryPresentation.accentClass}`, children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "rounded-xl bg-white/70 p-3", children: summaryState === "working" ? (_jsx(Loader2, { className: "h-6 w-6 animate-spin", strokeWidth: 1.75 })) : (_jsx(SummaryIcon, { className: "h-6 w-6", strokeWidth: 1.75 })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-lg font-semibold", children: summaryPresentation.title }), _jsx("p", { className: "mt-1 text-sm opacity-90", children: summaryPresentation.description })] })] }), _jsxs("div", { className: "mt-5 grid gap-3 sm:grid-cols-5", children: [_jsxs("div", { className: "rounded-xl border border-white/60 bg-white/70 p-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-slate-500", children: [_jsx(ListTodo, { className: "h-4 w-4" }), "Total"] }), _jsx("div", { className: "mt-1 text-xl font-semibold text-slate-900", children: stats.totalCount })] }), _jsxs("div", { className: "rounded-xl border border-white/60 bg-white/70 p-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-slate-500", children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), "Done"] }), _jsx("div", { className: "mt-1 text-xl font-semibold text-slate-900", children: stats.completedCount })] }), _jsxs("div", { className: "rounded-xl border border-white/60 bg-white/70 p-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-slate-500", children: [_jsx(PlayCircle, { className: "h-4 w-4" }), "Working"] }), _jsx("div", { className: "mt-1 text-xl font-semibold text-slate-900", children: stats.runningCount })] }), _jsxs("div", { className: "rounded-xl border border-white/60 bg-white/70 p-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-slate-500", children: [_jsx(Clock3, { className: "h-4 w-4" }), "Approval"] }), _jsx("div", { className: "mt-1 text-xl font-semibold text-slate-900", children: stats.approvalCount })] }), _jsxs("div", { className: "rounded-xl border border-white/60 bg-white/70 p-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-medium text-slate-500", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), "Blocked"] }), _jsx("div", { className: "mt-1 text-xl font-semibold text-slate-900", children: stats.blockedCount })] })] })] }) }));
}
//# sourceMappingURL=WizardCommunicationCards.js.map