import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
const statusGlyphs = {
    pending: '○',
    in_progress: '●',
    completed: '✓',
};
export function AgentPlanPanel({ plan }) {
    if (!plan) {
        return null;
    }
    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: [_jsx(Text, { bold: true, children: "Plan" }), plan.explanation ? _jsx(Text, { color: "gray", children: plan.explanation }) : null, plan.items.map((item) => (_jsxs(Text, { color: item.status === 'in_progress' ? 'cyan' : undefined, children: [statusGlyphs[item.status], " ", item.step] }, `${item.status}:${item.step}`)))] }));
}
//# sourceMappingURL=AgentPlanPanel.js.map