d5335d7803
Enhanced Tab Structure: - Added new 'Project Overview' tab as default selection - Reorganized tab navigation with Brain icon for overview - Improved tab content scrolling with fixed height containers Consolidated Statistics Display: - Moved all project statistics to Overview tab (materials, videos, audio, images, AI queue) - Integrated MaterialSegmentStats for comprehensive segment analytics - Added AI classification progress tracking in overview - Consolidated project information display with creation/update times Improved Layout & Scrolling: - Fixed scrolling behavior - removed external scrollbars - Set tab content height to calc(100vh-16rem) for optimal viewport usage - Added consistent padding (p-4 md:p-6) across all tab content areas - Optimized content organization for better information hierarchy Technical Improvements: - Added loadSegmentStats function with proper error handling - Integrated MaterialSegmentStats component with ByClassification view mode - Updated dependency arrays for proper data loading - Enhanced project information display with formatted timestamps User Experience Benefits: - Single overview tab provides complete project status at a glance - Improved navigation with logical information grouping - Better scrolling performance with contained scroll areas - Consistent visual hierarchy across all tabs - Reduced information fragmentation across multiple views The project details page now provides a more organized and efficient way to view all project-related information, with the overview tab serving as a comprehensive dashboard for project status, statistics, and progress tracking.
@mixvideo/desktop
MixVideo 桌面应用 - 基于 Tauri + React + TypeScript 构建的跨平台桌面应用。
🚀 快速开始
开发环境要求
- Node.js 18+
- Rust 1.70+
- PNPM 8+
安装依赖
pnpm install
开发模式
pnpm dev
# 或
pnpm tauri:dev
构建应用
pnpm tauri:build
📁 项目结构
apps/desktop/
├── src/ # React 前端源码
│ ├── components/ # React 组件
│ ├── pages/ # 页面组件
│ ├── hooks/ # 自定义 Hooks
│ ├── services/ # API 服务
│ ├── types/ # TypeScript 类型
│ └── utils/ # 工具函数
├── src-tauri/ # Rust 后端源码
│ ├── src/ # Rust 源码
│ ├── Cargo.toml # Rust 依赖配置
│ └── tauri.conf.json # Tauri 配置
├── public/ # 静态资源
└── package.json # 前端依赖配置
🛠️ 技术栈
- 前端: React 18 + TypeScript + Vite
- 后端: Rust + Tauri 2.0
- UI: 待定 (可选择 Ant Design、Material-UI 等)
- 状态管理: 待定 (可选择 Zustand、Redux Toolkit 等)