New table explorer UI interface discussion

[majin1102]

Currently, Amoro's table exploration space uses a hover pop-up interaction way, which many users have reported to be unfriendly. Additionally, the separation of database and table into two different controls makes it inconvenient to search using a db.table string. It is suggested to implement a more user-friendly table exploration UI to address the following 4 issues:

1. Discontinue the use of hover-based interactions.
2. Integrate the display of databases and tables on a single page.
3. It is recommended to add more advanced search ways, such as table format.
4. Some table names may be too long to be fully displayed. I suggest that the boundaries of the table explorer can be draggable.

I have found a mature product prototype for reference:
https://vimeo.com/617106036

This interface framework seems fitting Amoro well.

How do you guys feel cc @zhoujinsong @zhangmo8 @baiyangtx

[baiyangtx]

This place is not Format but Database.

If it is changed to Format, how should the Database be displayed?

[majin1102]

Database and table are two layer structure like:

[zhangmo8]

Database and table are two layer structure like:

This tree hierarchy may cause other UI/UX issues

[minteliuwm]

Database and table are two layer structure like:

Why the tree structure, can't we select Catalog in the header and then select Database? Also, do we need to have multiple tables open simultaneously?

[baiyangtx]

1. We do not need to have multiple tables open simultaneously.
2. We need search tables by db.table formated identifier.

[majin1102]

cc @minteliuwm

[zhangmo8]

I prefer this interaction