Horizontal conversation UI

Is your feature request related to a problem? Please describe.

Currently, the webchat scrolls top to bottom for every conversation and this works well. But after feedback from some of our prospects, what we heard is that a left to right scroll would be better for them with one conversation shown in the screen at a time (with previous and next buttons).

Just imagine it like a slider with previous and next buttons.

I was wondering how to implement the same in webchat

Describe the suggestion or request in detail

Ability to have webchat render conversations horizontally one at a time rather than vertically with previous and next buttons (like a slider)

Think of an interface like this where every slide is an adaptive card:

Describe alternatives you have considered

I looked into this repository: https://github.com/compulim/experiment-horizontal-scroll-into-view/ but I am not clear on how we would implement this for multiple conversations. Also, the slider still shows multiple conversations in the scroll bar which I dont need.

I was also thinking of not using Botframework Webchat library and rather use the adaptive card SDK to directly render the cards and add my own logic - but this is too complicated considering I am using all the hooks which the webchat SDK provides.

Additional context

No response

Start by reviewing the existing webchat conversation rendering and the referenced experiment-horizontal-scroll-into-view repository, then compare that approach with the adaptive card SDK and current Web Chat hooks. Done means conversations render one at a time horizontally with previous and next buttons, without showing multiple conversations in the scrollbar.