Function AskUserQuestionView

web/src/components/ToolCard/views/AskUserQuestionView.tsx:118–176

(props: ToolViewProps)

}

export function AskUserQuestionView(props: ToolViewProps) {
    const parsed = isCursorAskQuestionToolName(props.block.tool.name)
        ? parseCursorAskQuestionInput(props.block.tool.input)
        : parseAskUserQuestionInput(props.block.tool.input)
    const questions = parsed.questions
    const rawAnswers = props.block.tool.permission?.answers ?? undefined
    const answers = normalizeAnswers(rawAnswers)
    const hasAnswers = answers && Object.keys(answers).length > 0

    // When questions array is empty but answers exist (fallback path),
    // render the answers directly
    if (questions.length === 0) {
        if (hasAnswers && answers) {
            return renderFreeformAnswers(answers, 0)
        }
        return null
    }

    return (
        <div className="flex flex-col gap-4">
            {questions.map((q, idx) => {
                const isMulti = q.multiSelect

                return (
                    <div key={idx} className="flex flex-col gap-3">
                        {q.question ? (
                            <div className={askUserQuestionQuoteClassName}>
                                <MarkdownRenderer content={q.question} />
                            </div>
                        ) : null}

                        {q.options.length > 0 ? (
                            <div className="flex flex-col gap-1.5">
                                {q.options.map((opt, optIdx) => {
                                    const isSelected = isAnswerSelected(answers, idx, opt.label)
                                    return (
                                        <AnswerOptionCard
                                            key={optIdx}
                                            isMulti={isMulti}
                                            isSelected={isSelected}
                                            title={opt.label}
                                            description={opt.description ?? undefined}
                                            showControl={Boolean(hasAnswers)}
                                        />
                                    )
                                })}

                                {hasAnswers && renderOtherAnswers(answers, idx, q.options, isMulti)}
                            </div>
                        ) : hasAnswers && answers ? (
                            // Freeform question (no options) - show the answer directly
                            renderFreeformAnswers(answers, idx)
                        ) : null}
                    </div>
                )
            })}
        </div>
    )