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

tests/unit/main-layout-module-gate.test.tsx

@@ -4,12 +4,22 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { MainLayout } from '@/components/layout/MainLayout';
 import { useOpencodeStore } from '@/stores/opencode';
 import { useProjectConfigStore } from '@/stores/project-config';
+import { useSettingsStore } from '@/stores/settings';
 import { createProjectConfig } from '../../shared/project-config';
 
-vi.mock('@/components/layout/Sidebar', () => ({ Sidebar: () => <aside data-testid="sidebar-stub" /> }));
+vi.mock('@/components/layout/Sidebar', () => ({
+  Sidebar: ({ sidebarCollapsedOverride }: { sidebarCollapsedOverride?: boolean }) => (
+    <aside data-testid="sidebar-stub" data-sidebar-collapsed={sidebarCollapsedOverride === undefined ? 'unset' : String(sidebarCollapsedOverride)} />
+  ),
+}));
 vi.mock('@/components/layout/TitleBar', () => ({
-  TitleBar: ({ overlay = false }: { overlay?: boolean }) => (
-    <header data-testid="titlebar-stub" data-overlay={overlay ? 'true' : 'false'} />
+  TitleBar: ({ overlay = false, pageTitle, sidebarCollapsedOverride }: { overlay?: boolean; pageTitle?: string; sidebarCollapsedOverride?: boolean }) => (
+    <header
+      data-testid="titlebar-stub"
+      data-overlay={overlay ? 'true' : 'false'}
+      data-page-title={pageTitle ?? ''}
+      data-sidebar-collapsed={sidebarCollapsedOverride === undefined ? 'unset' : String(sidebarCollapsedOverride)}
+    />
   ),
 }));
 
@@ -41,6 +51,7 @@ describe('MainLayout module isolation', () => {
         [project.id]: { ...createProjectConfig(), initialized: false },
       },
     });
+    useSettingsStore.setState({ sidebarCollapsed: false });
   });
 
   it('does not overlay the local project initialization gate on AI painting', () => {
@@ -58,6 +69,16 @@ describe('MainLayout module isolation', () => {
     expect(screen.getByTestId('titlebar-stub')).toHaveAttribute('data-overlay', 'true');
   });
 
+  it('keeps the user sidebar preference while moving the inspiration title into the title bar', () => {
+    renderLayout('/image-prompts');
+
+    expect(screen.getByTestId('titlebar-stub')).toHaveAttribute('data-page-title', '获取灵感');
+    expect(screen.getByTestId('titlebar-stub')).toHaveAttribute('data-overlay', 'false');
+    expect(screen.getByTestId('titlebar-stub')).toHaveAttribute('data-sidebar-collapsed', 'unset');
+    expect(screen.getByTestId('sidebar-stub')).toHaveAttribute('data-sidebar-collapsed', 'unset');
+    expect(useSettingsStore.getState().sidebarCollapsed).toBe(false);
+  });
+
   it('does not overlay the local project initialization gate on AI hardware', () => {
     const load = vi.fn().mockResolvedValue(undefined);
     useProjectConfigStore.setState({ load });