bd7e7713e8
fixes: #10913 1. Original issue: ```typescript <StyledTabListContainer shouldDisplay={visibleTabs.length > 1}> <StyledTabList /> </StyledTabListContainer> ``` TabList wasn't getting full width. 2. First fix attempt ie #10904: ```typescript {visibleTabs.length > 1 && ( <StyledTabList /> )} ``` This broke workflow views because: Workflows use single-tab layouts The conditional rendering prevented the tab from showing at all when visibleTabs.length <= 1 3. Current working solution: ```typescript const StyledOuterContainer = styled.div` width: 100%; `; <StyledTabListContainer shouldDisplay={visibleTabs.length > 1}> <StyledOuterContainer> <StyledTabList /> </StyledOuterContainer> </StyledTabListContainer> ``` This works because: Keeps the original display logic that supports single-tab workflows Fixes the width issue with the new container Maintains tab state management needed for workflow visualization
Run yarn dev while server running on port 3000