feat: 完善图像工作区与创作工具体验

tests/unit/title-bar.test.tsx

@@ -106,18 +106,33 @@ describe('TitleBar platform behavior', () => {
       'pointer-events-none',
       'bg-transparent',
     );
+    expect(screen.getByTestId('product-titlebar')).not.toHaveClass('relative');
     expect(screen.getByTestId('product-titlebar')).not.toHaveClass('border-b', 'glass-surface');
     expect(screen.getByTestId('titlebar-main-surface')).toHaveClass(
       'pointer-events-none',
       'border-b-0',
       'bg-transparent',
     );
+    expect(screen.getByTestId('titlebar-sidebar-surface')).toHaveClass('bg-transparent', 'border-r-0');
+    expect(screen.getByTestId('titlebar-sidebar-surface')).not.toHaveClass('sidebar-glass-surface');
     expect(screen.getByTestId('titlebar-logo')).toHaveClass('bg-transparent');
     expect(screen.getByTestId('titlebar-logo')).toHaveStyle({ right: '0px' });
     expect(screen.getByTestId('titlebar-logo').querySelector('img')).toHaveClass('mix-blend-multiply');
     expect(screen.queryByTestId('titlebar-project-context')).not.toBeInTheDocument();
   });
 
+  it('keeps the painting page title after the macOS traffic-light safe area', () => {
+    window.electron.platform = 'darwin';
+    useSettingsStore.setState({ sidebarCollapsed: true });
+
+    render(<TitleBar integrated pageTitle="获取灵感" />);
+
+    expect(screen.getByTestId('titlebar-page-title')).toHaveTextContent('获取灵感');
+    expect(screen.getByTestId('titlebar-sidebar-surface')).toHaveClass('w-[132px]');
+    expect(screen.queryByTestId('titlebar-project-context')).not.toBeInTheDocument();
+    expect(screen.getByTestId('titlebar-logo').querySelectorAll('img')).toHaveLength(1);
+  });
+
   it('previews the collapsed sidebar on hover and pins it on click', () => {
     window.electron.platform = 'darwin';
     useSettingsStore.setState({ sidebarCollapsed: true });