[Improved UI] The UI for Preview is improved

[lllyasviel]

Now it looks like this.

You may notice that the preview now have "Close" button, and if you use Openpose, you can download pose meta with "Json" button.

Also, since many users say that they cannot find "trigger"💥 icon, now the trigger icon is always visible. Also since we have "Close" button, users may less likely to get trouble if they just want to close it (even if they do not know to uncheck "allow preview")

Much more user-friendly.

Note that such complicated javascript to hack gradio is super difficult, and I do not know how to implement such complicated js hack.

The hacking code is written by CHATGPT

but I have stolen some basics from huchenlei

[stephenlacy]

The "trigger" icon was very unintuitive to figure out and use. Since it's between two select dropdowns it does not indicated "Preview" or "Run".
I'd request a "Run" or "Preview" button instead.

[huchenlei]

The "trigger" icon was very unintuitive to figure out and use. Since it's between two select dropdowns it does not indicated "Preview" or "Run". I'd request a "Run" or "Preview" button instead.

If you hover on the trigger button it will show a hint "Run preprocessor".

[stephenlacy]

Not looking for hints -- UI should be intuitive not a search for missing buttons

[lllyasviel]

[stephenlacy]

Yes