[Dev UI] Responsive Tabbed Sidebar #3351
Description
Overview
Redesign the tabbed sidebar to have a vertical column of icons instead of tabs.
User goal(s)
Users will be able to see the whole screen on smaller window sizes.
Users in the prompt runner will not have an overflow for tabs.
We will be able to add more tools without worrying about scrolling.
Requirements
On all flow runners, the interaction should stay the same, but with a new side column. The overallwidth of this column can grow by 48px to accommodate the rail.
On small desktops (less than 768?) , the siderail will stay, but the panel will overlay the content and be closable. There should be a dropshadow. You can close the panel by either clicking outside the panel or by hitting the close icon. (Question: should clicking the active tab close it as well?) We will also borrow this behavior when we add a two column layout (future scope for prompt editor and comparison view).
Each panel should have a label (History, Schema, Model config, Tools)
Designs
Notes:
Similar to a material siderail but different enough that it might not be worth using.
Please follow the spec for spacing.
Metadata
Metadata
Assignees
Type
Projects
Status