diff --git a/desktop/src/components/layout/TabBar.test.tsx b/desktop/src/components/layout/TabBar.test.tsx index 42544b27..f2f4e9c1 100644 --- a/desktop/src/components/layout/TabBar.test.tsx +++ b/desktop/src/components/layout/TabBar.test.tsx @@ -256,6 +256,34 @@ describe('TabBar', () => { expect(screen.getByTestId('tab-bar-drag-gutter')).toHaveAttribute('data-tauri-drag-region') }) + it('keeps the desktop tab strip at a roomier titlebar height', async () => { + const { TabBar } = await import('./TabBar') + const { useTabStore } = await import('../../stores/tabStore') + const { useChatStore } = await import('../../stores/chatStore') + + useTabStore.setState({ + tabs: [ + { sessionId: 'tab-1', title: 'Untitled Session', type: 'session', status: 'idle' }, + ], + activeTabId: 'tab-1', + }) + useChatStore.setState({ + sessions: {}, + disconnectSession: vi.fn(), + } as Partial>) + + await act(async () => { + render() + }) + + const tabBar = screen.getByTestId('tab-bar') + const tab = screen.getByText('Untitled Session').closest('.tab-bar-hit-area') + + expect(tabBar).toHaveClass('min-h-11') + expect(tab).toHaveClass('min-h-11') + expect(screen.getByTestId('tab-bar-drag-gutter')).toHaveClass('min-h-11') + }) + it('passes the active session workdir into the open-project control', async () => { const { TabBar } = await import('./TabBar') const { useTabStore } = await import('../../stores/tabStore') diff --git a/desktop/src/components/layout/TabBar.tsx b/desktop/src/components/layout/TabBar.tsx index 08c55727..94af3ba3 100644 --- a/desktop/src/components/layout/TabBar.tsx +++ b/desktop/src/components/layout/TabBar.tsx @@ -294,11 +294,11 @@ export function TabBar() { return (
{canScrollLeft && ( - )} @@ -357,12 +357,12 @@ export function TabBar() { data-testid="tab-bar-drag-gutter" data-tauri-drag-region aria-hidden="true" - className={`flex-shrink-0 min-h-[37px] ${showWindowControls ? 'w-3' : 'w-4'}`} + className={`min-h-11 flex-shrink-0 ${showWindowControls ? 'w-3' : 'w-4'}`} /> )} {canScrollRight && ( - )} @@ -466,7 +466,7 @@ const TabItem = forwardRef