feat: 优化视频生成工作台用户体验

修复功能问题：
- 修复素材tab无法左右滑动的问题
- 添加自定义滚动条样式，隐藏默认滚动条
- 优化tab布局，支持横向滚动浏览

 简化素材卡片设计：
- 创建SimpleMaterialCard组件，专用于素材选择
- 改为正方形缩略图，更适合侧边栏2列布局
- 精简信息显示：只保留名称、类型、时长/大小
- 移除繁琐的描述、标签等冗余信息
- 优化选择状态指示器位置和大小

 优化布局体验：
- 素材选择器改为2列网格布局
- 缩小搜索框和间距，节省空间
- 统一使用紧凑型设计风格
- 改善滚动条样式和交互体验

 用户体验提升：
- 更直观的素材浏览体验
- 减少视觉干扰，突出核心信息
- 提高操作效率和界面美观度
- 符合专业工具的简洁设计理念

docs/video-generation-feature.md

@@ -26,10 +26,11 @@
   - 编辑和删除：完整的CRUD操作
 
 ### 2. 视频生成工作台 (Video Generation)
-- **三步式工作流程**
-  1. **选择素材**：从各类素材中选择所需内容
-  2. **配置参数**：设置视频输出格式和质量
-  3. **生成预览**：预览效果并生成最终视频
+- **专业布局设计**
+  - **左侧素材区**：Tab切换（模特/产品/场景/动作/音乐/提示词模板）
+  - **中央预览区**：实时视频预览、播放控制、素材概览
+  - **底部参数区**：紧凑型配置面板，一行显示所有关键参数
+  - **右侧任务区**：可折叠的任务状态面板，实时显示生成进度
 
 - **高级配置选项**
   - 输出格式：MP4、MOV、AVI
@@ -38,12 +39,14 @@
   - 质量设置：低、中、高三档
   - 音频控制：启用/禁用音频
   - 特效选项：淡入淡出、缩放、转场等
+  - 高级选项：可展开的详细配置
 
-- **实时预览**
-  - 视频预览窗口
-  - 播放控制
-  - 配置信息显示
-  - 生成统计
+- **实时预览与任务管理**
+  - 专业视频预览窗口（播放控制、进度条、全屏支持）
+  - 选中素材实时显示
+  - 生成统计信息
+  - 任务队列管理（进度显示、取消、重试、删除）
+  - 离线任务状态监控
 
 ## 技术特性
 
@@ -71,16 +74,19 @@
 apps/desktop/src/
 ├── pages/
 │   ├── MaterialCenter.tsx          # 素材中心主页面
-│   └── VideoGeneration.tsx         # 视频生成工作台
+│   └── VideoGeneration.tsx         # 视频生成工作台（重新设计）
 ├── components/video-generation/
 │   ├── MaterialAssetCard.tsx       # 素材卡片组件
 │   ├── MaterialCategoryFilter.tsx  # 分类过滤器
 │   ├── MaterialSelector.tsx        # 素材选择器
-│   ├── VideoConfigPanel.tsx        # 视频配置面板
-│   ├── VideoPreview.tsx           # 视频预览组件
+│   ├── VideoConfigPanel.tsx        # 完整视频配置面板
+│   ├── CompactVideoConfigPanel.tsx # 紧凑型配置面板（新增）
+│   ├── VideoPreview.tsx           # 原视频预览组件
+│   ├── CentralVideoPreview.tsx    # 中央预览组件（新增）
+│   ├── TaskStatusPanel.tsx        # 任务状态面板（新增）
 │   └── CreateMaterialAssetModal.tsx # 创建素材模态框
 └── types/
-    └── videoGeneration.ts          # 类型定义文件
+    └── videoGeneration.ts          # 扩展的类型定义
 ```
 
 ## 使用指南