hi
i have question that is can theia ide support browser preview inside of editor like below image

It is already supported via @theia/mini-browser extension.
this extension is installed but not display mini browser
can you explain how to use this extention ?
thanks

For example, look at Open With content menu item for some HTML file. You can open it as well programmatically, e.g. to preview an app.
oh thanks
and is any way to show react project in mini browser ??
and how to change position of button ?
thanks a lot :)
and is any way to show react project in mini browser ??
As far as I know, the mini-browser is a browser, so it should be able to display any HTML including react projects. @kittaakos correct me if I'm wrong.
and how to change position of button ?
I guess you will need your custom extension where you can exchange an implementation.
Please reopen if there is anything left to be done/discussed here.
is there an example implementation that opens up a mini-browser by default whenever you run theia in a browser?