mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
Jake Howell
8bb48ffdda
Added `data-slot` attributes to all Tabs components for better CSS targeting and component identification. Replaced generic button selectors with data-slot attribute selectors in tab styling variants. Implemented `useTabOverflowKebabMenu` hook to handle tab overflow scenarios by measuring tab widths and determining which tabs should be hidden in a dropdown menu when container space is limited. Enhanced the AgentRow logs section with: - Tab overflow handling using a kebab menu (three dots) for tabs that don't fit - Copy logs button with visual feedback using CheckIcon animation - Download logs functionality for selected tab content with proper filename generation - Improved layout with flex containers and proper spacing Few props and components updates * Added `overflowKebabMenu` prop to TabsList component to enable `flex-nowrap` behavior when overflow handling is active. * Created `<DownloadSelectedAgentLogsButton />` component to replace the previous download functionality, now working with filtered log content based on selected tab. https://github.com/user-attachments/assets/af48ca39-c906-4a11-a891-0d4399eee827