import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from "ink";
import { SelectList } from "../../../design/SelectList.js";
export function typeStepOptions(type) {
    const options = [
        { id: "general", label: "General", detail: "balanced delegated tasks" },
        { id: "reviewer", label: "Reviewer", detail: "bugs, tests, security risk" },
        { id: "builder", label: "Builder", detail: "implementation and refactor work" },
        { id: "tester", label: "Tester", detail: "test design and verification" },
        { id: "researcher", label: "Researcher", detail: "docs, code search, synthesis" },
    ];
    return options.map((option) => ({
        ...option,
        selected: option.id === type,
        tone: option.id === type ? "brand" : "default",
    }));
}
export function TypeStep(props) {
    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "Agent type" }), _jsx(SelectList, { options: typeStepOptions(props.type), width: props.width, visibleCount: 5 })] }));
}
