Handler function getting lost when QuestionResponseContentImpl is auto wrapped inside a ToolCallChatResponseContentImpl

[never-give-up-dev]

I had wrote a tool which frames the question, option and trugger UI render, and do a call back

This is the tool hanlder:

handler: async (arg_string: string, request: MutableChatRequestModel) => {  
    try {  
        const args: SimpleUserInputArgs = JSON.parse(arg_string);  
        console.log('Parsed args:', args);  
  
        // Store request reference for use in handler  
        const requestRef = request;  
          
        const questionContent = new QuestionResponseContentImpl(  
            args.question,  
            args.options.map(opt => ({ text: opt, value: opt })),  
            {} as MutableChatRequestModel, // Avoid circular reference  
            (selectedOption: any) => {  
                console.log('-----------------------User selected option in tool provider', selectedOption);  
                // Use the stored request reference if needed  
                this.handleUserSelection(args.question, selectedOption, requestRef);  
            }  
        );  
  
        return questionContent;  
    } catch (error) {  
        console.error('Error parsing arguments:', error);  
        throw error;  
    }  
}

and custom render

export class QuestionResponsePartRenderer implements ChatResponsePartRenderer<any> {  
    canHandle(response: any): number {  
        // Check if it's wrapped in ToolCallChatResponseContentImpl  
        if (ToolCallChatResponseContent.is(response) &&   
            response._result &&   
            response._result.kind === 'question') {  
            return 200; 
        }  
          
        if (QuestionResponseContent.is(response)) {  
            return 100;  
        }  
          
        return 0;  
    }  
  
    render(response: any): React.ReactNode {  
        let questionContent: any;  
          
        if (ToolCallChatResponseContent.is(response) && response._result) {  
            questionContent = response._result;  
        } else {  
            questionContent = response;  
        }  
          
        return React.createElement(CustomQuestionComponent, {  
            question: questionContent.question,  
            options: questionContent.options,  
            onOptionSelect: (option: any) => {  
                if (questionContent.handler && typeof questionContent.handler === 'function') {  
                    questionContent.handler(option);  
                } else {  
                    console.error('Handler not found:', questionContent.handler);  
                }  
            }  
        });  
    }  
}

In the custom render onOptionSelect i was trying to trigger the handler it was coming as undefined and i dont't see any log
-----------------------User selected option in tool provider', selectedOption

can someone help how to make sure passed correct way or any issue from theia , let me know if there are any ways to render dynamic form in the chat-ui exectuion of the tool call