Confines the citation dialog inside Web Chat

[compulim]

Is your feature request related to a problem?

Today, the citation dialog is on the top-layer of the page. The huge size allows 5,000 characters of paragraphs to show in the dialog.

However, when the citation is short, it doesn't looks great. Also, when web devs is using IFRAME vs. CDN/NPM of Web Chat, they are not consistent. The dialog in IFRAME is always confined within Web Chat boundary.

Describe the suggestion or request in detail

Let's investigate how to confine the dialog inside Web Chat. One possible way, create a temporary IFRAME to the width/height of Web Chat and put <dialog> inside.

We also need to create a dialog service to unite keyboard help screen and dialog.

Describe alternatives you have considered

No response

Additional context

No response