feat: Hair Keeper v1.1.0 版本更新

本次更新包含以下主要改进：

## 新功能
- 添加quickstart.sh脚本帮助用户快速使用模板项目
- 添加simple_deploy.sh便于部署
- 新增院系管理功能（DeptAdmin），支持增删改查院系管理员信息
- 用户可以在header中切换管理的院系
- 添加zustand全局状态管理
- 添加DEFAULT_USER_PASSWORD环境变量，作为创建用户时的默认密码
- 添加p-limit库和DB_PARALLEL_LIMIT环境变量控制数据库批次操作并发数

## 安全修复
- 修复Next.js CVE-2025-66478漏洞
- 限制只有超级管理员才能创建超级管理员用户

## 开发环境优化
- 开发终端兼容云端环境
- MinIO客户端直传兼容云端环境
- 开发容器增加vim和Claude Code插件
- 编程代理改用Claude
- docker-compose.yml添加全局name属性

## Bug修复与代码优化
- 删除用户时级联删除SelectionLog
- 手机端关闭侧边栏后刷新页面延迟调整(300ms=>350ms)
- instrumentation.ts移至src内部以适配生产环境
- 删除部分引发类型错误的无用代码
- 优化quickstart.sh远程仓库推送相关配置

## 文件变更
- 新增49个文件，修改多个配置和源代码文件
- 重构用户管理模块目录结构

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

.cloud-dev/Dockerfile

@@ -45,7 +45,6 @@ RUN apt-get update && apt-get install -y \
     telnet \
     redis-tools \
     iputils-ping \
-    dnsutils \
     potrace \
     imagemagick \
     zsh \
@@ -96,11 +95,8 @@ RUN curl -fsSL https://code-server.dev/install.sh | sh -s -- --version=${CODE_SE
 
 # 安装 npm 全局包
 RUN npm install -g \
-    @musistudio/claude-code-router \
+    @anthropic-ai/claude-code \
-    pm2
+    @musistudio/claude-code-router
-
-# 安装 claude code
-RUN curl -fsSL https://claude.ai/install.sh | bash
 
 # 创建工作目录
 RUN mkdir -p /workspace /root/.local/share/code-server/User

.gitignore

@@ -15,7 +15,6 @@
 
 # next.js
 /.next/
-/.next-prod/
 /out/
 
 # production

CLAUDE.md

@@ -3,7 +3,7 @@
 This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
 
 ## 项目说明
-本项目模板（Hair Keeper v1.2.0）是一个高度集成、深度定制、约定优于配置的全栈Web应用模板，旨在保持灵活性的同时提供一套基于成熟架构的开发底座，自带身份认证、权限控制、丰富前端组件、文件上传、后台任务、智能体开发等丰富功能，提供AI开发辅助，免于纠结功能如何实现，可快速上手专注于业务逻辑。
+本项目模板（Hair Keeper v1.1.0）是一个高度集成、深度定制、约定优于配置的全栈Web应用模板，旨在保持灵活性的同时提供一套基于成熟架构的开发底座，自带身份认证、权限控制、丰富前端组件、文件上传、后台任务、智能体开发等丰富功能，提供AI开发辅助，免于纠结功能如何实现，可快速上手专注于业务逻辑。
 
 Hair Keeper是个诙谐有趣的名称，和项目内容毫无关系。
 
@@ -50,43 +50,43 @@ Hair Keeper是个诙谐有趣的名称，和项目内容毫无关系。
 
 ## 重要目录和文件
 ### 前端
-- `src/components/common/`：进一步封装的高级通用控件，例如下拉菜单、对话框表单、响应式tabs等控件
+- `components/common/`：进一步封装的高级通用控件，例如下拉菜单、对话框表单、响应式tabs等控件
-- `src/components/features/`：进一步封装的控件，通常更重或者与业务关联强需要在不同的页面中复用
+- `components/features/`：进一步封装的控件，通常更重或者与业务关联强需要在不同的页面中复用
-- `src/components/ai-elements/`：ai对话相关的组件
+- `components/ai-elements/`：ai对话相关的组件
-- `src/components/data-details/`：专注于数据展示的可复用控件，例如detail-badge-list、detail-copyable、detail-list、detail-timeline等控件
+- `components/data-details/`：专注于数据展示的可复用控件，例如detail-badge-list、detail-copyable、detail-list、detail-timeline等控件
-- `src/components/data-table/`：专注于数据表格的可复用控件，本项目模板自带了基础的data-table、过滤器、排序、分页、列可见性切换等功能
+- `components/data-table/`：专注于数据表格的可复用控件，本项目模板自带了基础的data-table、过滤器、排序、分页、列可见性切换等功能
-- `src/components/icons/`：项目的自定义图标可以写在这个文件夹
+- `components/icons/`：项目的自定义图标可以写在这个文件夹
-- `src/components/layout/`：应用的完整布局框架和导航系统以及可复用的布局容器
+- `components/layout/`：应用的完整布局框架和导航系统以及可复用的布局容器
-- `src/components/ui/`：高度可定制可复用的基础UI组件，通常源自第三方库
+- `components/ui/`：高度可定制可复用的基础UI组件，通常源自第三方库
-- `src/app/(main)/`：开发者在这里自行实现的所有业务的页面
+- `app/(main)/`：开发者在这里自行实现的所有业务的页面
-- `src/app/(main)/dev/`：辅助开发的页面，本项目模板在其中实现了许多功能，代码在实现业务时也可以借鉴参考
+- `app/(main)/dev/`：辅助开发的页面，本项目模板在其中实现了许多功能，代码在实现业务时也可以借鉴参考
-- `src/app/(main)/settings/`：全局设置，由开发者根据业务需求进行补充和实现
+- `app/(main)/settings/`：全局设置，由开发者根据业务需求进行补充和实现
-- `src/app/(main)/users/`：用户管理模块，提供用户CRUD、角色管理、批量授权等完整的用户管理功能的页面和组件实现
+- `app/(main)/users/`：用户管理模块，提供用户CRUD、角色管理、批量授权等完整的用户管理功能的页面和组件实现
-- `src/hooks/`：可复用React Hooks库，部分复杂的组件也通过hook实现Headless UI逻辑与样式分离，组件中可复用的逻辑都可以放在这
+- `hooks/`：可复用React Hooks库，部分复杂的组件也通过hook实现Headless UI逻辑与样式分离，组件中可复用的逻辑都可以放在这
-- `src/lib/trpc.ts`：创建并导出tRPC React客户端实例，用于前端与后端API通信
+- `lib/trpc.ts`：创建并导出tRPC React客户端实例，用于前端与后端API通信
-- `src/lib/stores/`：通过zustand管理的全局的状态
+- `lib/stores/`：通过zustand管理的全局的状态
 
 ### 后端
-- `src/server/routers/`：项目trpc api定义文件，开发者主要在这里定义和实现业务的后端API
+- `server/routers/`：项目trpc api定义文件，开发者主要在这里定义和实现业务的后端API
-- `src/server/routers/_app.ts`：`appRouter`根路由定义，需要添加子路由时在此处注册
+- `server/routers/_app.ts`：`appRouter`根路由定义，需要添加子路由时在此处注册
-- `src/server/routers/common.ts`：定义需要在多个模块中复用的通用业务接口路由
+- `server/routers/common.ts`：定义需要在多个模块中复用的通用业务接口路由
-- `src/server/routers/jobs.ts`：tRPC任务进度订阅路由
+- `server/routers/jobs.ts`：tRPC任务进度订阅路由
-- `src/server/routers/selection.ts`：用于记录用户选择的选项或者输入的内容，优化用户的输入体验
+- `server/routers/selection.ts`：用于记录用户选择的选项或者输入的内容，优化用户的输入体验
-- `src/server/routers/global.ts`：系统全局和特定业务关联不大的一些api
+- `server/routers/global.ts`：系统全局和特定业务关联不大的一些api
-- `src/server/routers/dev/`：开发模式下的辅助功能需要的trpc api
+- `server/routers/dev/`：开发模式下的辅助功能需要的trpc api
-- `src/server/queues/`：消息队列和worker，通过其中的index.ts统一导出，任务状态更新采用trpc SSE subscription，接口定义在`server/routers/jobs.ts`中
+- `server/queues/`：消息队列和worker，通过其中的index.ts统一导出，任务状态更新采用trpc SSE subscription，接口定义在`server/routers/jobs.ts`中
-- `src/server/agents`：LLM的对接和使用
+- `server/agents`：LLM的对接和使用
-- `src/server/service/`：服务层模块集合，封装后端业务逻辑和系统服务
+- `server/service/`：服务层模块集合，封装后端业务逻辑和系统服务
-- `src/server/service/dev/`：开发模式下的辅助功能需要的后台服务
+- `server/service/dev/`：开发模式下的辅助功能需要的后台服务
-- `src/server/utils/`：服务端专用工具函数库，为后端业务逻辑提供基础设施支持
+- `server/utils/`：服务端专用工具函数库，为后端业务逻辑提供基础设施支持
-- `src/api/dev/`：开发模式下的辅助功能需要的api
+- `api/dev/`：开发模式下的辅助功能需要的api
 
 ### 其他
-- `src/constants/`：项目全局常量管理
+- `constants/`：项目全局常量管理
-- `src/constants/permissions.ts`：权限定义，支持前后端一致的权限控制，支持解析复杂的权限表达式（如"A&B|(C&D)"）
+- `constants/permissions.ts`：权限定义，支持前后端一致的权限控制，支持解析复杂的权限表达式（如"A&B|(C&D)"）
-- `src/lib/schema/`：集中管理数据验证schema，定义前后端统一的数据结构和验证规则，前端对默认值等其他要求写在表单组件中，后端对默认值等其他要求写在接口文件中，使用z.input而不是z.infer来获取Schema的输入类型
+- `lib/schema/`：集中管理数据验证schema，定义前后端统一的数据结构和验证规则，前端对默认值等其他要求写在表单组件中，后端对默认值等其他要求写在接口文件中，使用z.input而不是z.infer来获取Schema的输入类型
-- `src/lib/algorithom.ts`：通用计算机算法实现，例如拓扑排序
+- `lib/algorithom.ts`：通用计算机算法实现，例如拓扑排序
-- `src/lib/format.ts`：数据格式化工具函数库
+- `lib/format.ts`：数据格式化工具函数库
 
 ## 非标准命令
 - `pnpm run dev:attach`：这会使用tmux在名为nextdev的session中启动pnpm run dev，便于在开发页面或其他地方与开发服务器交互

README.md

@@ -1,12 +1,11 @@
 ## 项目说明
-本项目模板（Hair Keeper v1.2.0）是一个高度集成、深度定制、约定优于配置的全栈Web应用模板，旨在保持灵活性的同时提供一套基于成熟架构的开发底座，自带身份认证、权限控制、丰富前端组件、文件上传、后台任务、智能体开发等丰富功能，提供AI开发辅助，免于纠结功能如何实现，可快速上手专注于业务逻辑。
+本项目模板（Hair Keeper v1.1.0）是一个高度集成、深度定制、约定优于配置的全栈Web应用模板，旨在保持灵活性的同时提供一套基于成熟架构的开发底座，自带身份认证、权限控制、丰富前端组件、文件上传、后台任务、智能体开发等丰富功能，提供AI开发辅助，免于纠结功能如何实现，可快速上手专注于业务逻辑。
 
 Hair Keeper是个诙谐有趣的名称，和项目内容毫无关系。
 
 开发者直接在本项目模板的基础上进行开发，本项目源代码完全对开发者可见并可以随时修改、扩展功能、增加新的组件和模块，开发者尽量遵从如下文表述的约定和项目文件组织规则。
 
 ## 主要依赖库
-本项目使用pnpm作为包管理器
 - 基础：next + react + trpc + prisma
 - UI基础框架：tailwindcss + radix-ui(基于shadcn/ui库添加组件) + lucide-react + sonner(toast)
 - 图表等高级UI：recharts(图表) + xyflow/react(节点图 dagre自动布局) + embla-carousel-react + dnd-kit/sortable
@@ -46,43 +45,44 @@ Hair Keeper是个诙谐有趣的名称，和项目内容毫无关系。
 
 ## 重要目录和文件
 ### 前端
-- `src/components/common/`：进一步封装的高级通用控件，例如下拉菜单、对话框表单、响应式tabs等控件
+- `components/common/`：进一步封装的高级通用控件，例如下拉菜单、对话框表单、响应式tabs等控件
-- `src/components/features/`：进一步封装的控件，通常更重或者与业务关联强需要在不同的页面中复用
+- `components/features/`：进一步封装的控件，通常更重或者与业务关联强需要在不同的页面中复用
-- `src/components/ai-elements/`：ai对话相关的组件
+- `components/ai-elements/`：ai对话相关的组件
-- `src/components/data-details/`：专注于数据展示的可复用控件，例如detail-badge-list、detail-copyable、detail-list、detail-timeline等控件
+- `components/data-details/`：专注于数据展示的可复用控件，例如detail-badge-list、detail-copyable、detail-list、detail-timeline等控件
-- `src/components/data-table/`：专注于数据表格的可复用控件，本项目模板自带了基础的data-table、过滤器、排序、分页、列可见性切换等功能
+- `components/data-table/`：专注于数据表格的可复用控件，本项目模板自带了基础的data-table、过滤器、排序、分页、列可见性切换等功能
-- `src/components/icons/`：项目的自定义图标可以写在这个文件夹
+- `components/icons/`：项目的自定义图标可以写在这个文件夹
-- `src/components/layout/`：应用的完整布局框架和导航系统以及可复用的布局容器
+- `components/layout/`：应用的完整布局框架和导航系统以及可复用的布局容器
-- `src/components/ui/`：高度可定制可复用的基础UI组件，通常源自第三方库
+- `components/ui/`：高度可定制可复用的基础UI组件，通常源自第三方库
-- `src/app/(main)/`：开发者在这里自行实现的所有业务的页面
+- `app/(main)/`：开发者在这里自行实现的所有业务的页面
-- `src/app/(main)/dev/`：辅助开发的页面，本项目模板在其中实现了许多功能，代码在实现业务时也可以借鉴参考
+- `app/(main)/dev/`：辅助开发的页面，本项目模板在其中实现了许多功能，代码在实现业务时也可以借鉴参考
-- `src/app/(main)/settings/`：全局设置，由开发者根据业务需求进行补充和实现
+- `app/(main)/settings/`：全局设置，由开发者根据业务需求进行补充和实现
-- `src/app/(main)/users/`：用户管理模块，提供用户CRUD、角色管理、批量授权等完整的用户管理功能的页面和组件实现
+- `app/(main)/users/`：用户管理模块，提供用户CRUD、角色管理、批量授权等完整的用户管理功能的页面和组件实现
-- `src/hooks/`：可复用React Hooks库，部分复杂的组件也通过hook实现Headless UI逻辑与样式分离，组件中可复用的逻辑都可以放在这
+- `hooks/`：可复用React Hooks库，部分复杂的组件也通过hook实现Headless UI逻辑与样式分离，组件中可复用的逻辑都可以放在这
-- `src/lib/trpc.ts`：创建并导出tRPC React客户端实例，用于前端与后端API通信
+- `lib/trpc.ts`：创建并导出tRPC React客户端实例，用于前端与后端API通信
-- `src/lib/stores/`：通过zustand管理的全局的状态
+- `lib/stores/`：通过zustand管理的全局的状态
 
 ### 后端
-- `src/server/routers/`：项目trpc api定义文件，开发者主要在这里定义和实现业务的后端API
+- `server/routers/`：项目trpc api定义文件，开发者主要在这里定义和实现业务的后端API
-- `src/server/routers/_app.ts`：`appRouter`根路由定义，需要添加子路由时在此处注册
+- `server/routers/_app.ts`：`appRouter`根路由定义，需要添加子路由时在此处注册
-- `src/server/routers/common.ts`：定义需要在多个模块中复用的通用业务接口路由
+- `server/routers/common.ts`：定义需要在多个模块中复用的通用业务接口路由
-- `src/server/routers/jobs.ts`：tRPC任务进度订阅路由
+- `server/routers/jobs.ts`：tRPC任务进度订阅路由
-- `src/server/routers/selection.ts`：用于记录用户选择的选项或者输入的内容，优化用户的输入体验
+- `server/routers/selection.ts`：用于记录用户选择的选项或者输入的内容，优化用户的输入体验
-- `src/server/routers/global.ts`：系统全局和特定业务关联不大的一些api
+- `server/routers/global.ts`：系统全局和特定业务关联不大的一些api
-- `src/server/routers/dev/`：开发模式下的辅助功能需要的trpc api
+- `server/routers/dev/`：开发模式下的辅助功能需要的trpc api
-- `src/server/queues/`：消息队列和worker，通过其中的index.ts统一导出，任务状态更新采用trpc SSE subscription，接口定义在`server/routers/jobs.ts`中
+- `server/queues/`：消息队列和worker，通过其中的index.ts统一导出，任务状态更新采用trpc SSE subscription，接口定义在`server/routers/jobs.ts`中
-- `src/server/agents`：LLM的对接和使用
+- `server/agents`：LLM的对接和使用
-- `src/server/service/`：服务层模块集合，封装后端业务逻辑和系统服务
+- `server/service/`：服务层模块集合，封装后端业务逻辑和系统服务
-- `src/server/service/dev/`：开发模式下的辅助功能需要的后台服务
+- `server/service/dev/`：开发模式下的辅助功能需要的后台服务
-- `src/server/utils/`：服务端专用工具函数库，为后端业务逻辑提供基础设施支持
+- `server/utils/`：服务端专用工具函数库，为后端业务逻辑提供基础设施支持
-- `src/api/dev/`：开发模式下的辅助功能需要的api
+- `api/dev/`：开发模式下的辅助功能需要的api
 
 ### 其他
-- `src/constants/`：项目全局常量管理
+- `constants/`：项目全局常量管理
-- `src/constants/permissions.ts`：权限定义，支持前后端一致的权限控制，支持解析复杂的权限表达式（如"A&B|(C&D)"）
+- `constants/permissions.ts`：权限定义，支持前后端一致的权限控制，支持解析复杂的权限表达式（如"A&B|(C&D)"）
-- `src/lib/schema/`：集中管理数据验证schema，定义前后端统一的数据结构和验证规则，前端对默认值等其他要求写在表单组件中，后端对默认值等其他要求写在接口文件中，使用z.input而不是z.infer来获取Schema的输入类型
+- `constants/menu.ts`: 菜单管理工具库，提供菜单项定义、查询、权限过滤等功能
-- `src/lib/algorithom.ts`：通用计算机算法实现，例如拓扑排序
+- `lib/schema/`：集中管理数据验证schema，定义前后端统一的数据结构和验证规则，前端对默认值等其他要求写在表单组件中，后端对默认值等其他要求写在接口文件中，使用z.input而不是z.infer来获取Schema的输入类型
-- `src/lib/format.ts`：数据格式化工具函数库
+- `lib/algorithom.ts`：通用计算机算法实现，例如拓扑排序
+- `lib/format.ts`：数据格式化工具函数库
 
 ## 非标准命令
 - `pnpm run dev:attach`：这会使用tmux在名为nextdev的session中启动pnpm run dev，便于在开发页面或其他地方与开发服务器交互

next.config.ts

@@ -1,7 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  distDir: process.env.NODE_ENV === "production" ? ".next-prod" : '.next',  // 开发和生产环境输出到不同的目录，这样可以同时运行开发服务器和生产服务器
+
 };
 
 

package.json

@@ -1,12 +1,12 @@
 {
   "name": "hair-keeper",
-  "version": "1.2.0",
+  "version": "1.1.0",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000 --turbo",
     "dev:attach": "DEV_TERMINAL=nextdev;tmux new-session -A -s $DEV_TERMINAL\\;  send-keys \"pnpm run dev\" ^M",
     "build": "next build",
-    "start": "next start",
+    "start": "next start -p 3000",
     "lint": "next lint && tsc --noEmit",
     "db:seed": "tsx prisma/seed.ts",
     "build:analyze": "ANALYZE=true next build"
@@ -74,7 +74,7 @@
     "minio": "^8.0.6",
     "motion": "^12.23.22",
     "nanoid": "^5.1.6",
-    "next": "~15.4.10",
+    "next": "~15.4.8",
     "next-auth": "^4.24.11",
     "next-themes": "^0.4.6",
     "nuqs": "^2.6.0",

quickstart.md

@@ -1,44 +0,0 @@
-# Hair Keeper开发容器使用帮助
-## AI编程代理用法
-命令行中：
-
-* `ccr code` 打开一个新对话
-* `ccr code --resume`  回到之前某个对话
-
-对话中：
-
-* `ESC` 连按2次可以查看和回溯到之前的某一轮对话
-* `alt+tab` 切换模型是否打开思维链，默认是开启的，请关闭，因为思考模式很慢，只在极度复杂的任务时才打开
-* `\` 如果您的提示词过长，一行输入不下，可以在行末输入这个字符来换行
-* `@` 如果您需要引用项目中的文件，可以用这个符号
-* `/ide` 输入这个命令，AI会和您的IDE进行联动，这样您在IDE中选中的代码会被自动发送给AI，AI在修改代码时也会在IDE中打开代码预览。
-
-其他：
-
-* `CLAUDE.md` 文件中的内容每次对话都会发送给AI，如果您有什么要强调的，可以写在这里面，您也可以输入`/init` 让AI自动扫描项目并编写CLAUDE.md，一般这里面写的都是项目的约定、编码习惯和开发目标。
-
-## 项目与开发环境
-##### 常见命令：
-* `pnpm run dev` 打开开发服务器
-* `pnpm run lint` 检查代码中是否存在明显错误，建议每次AI进行了一次大修改，先用这个命令排查错误，有错误就粘贴给AI让它解决
-* `pnpm run build` 构建和打包项目，耗时很长，如果AI尝试执行这个命令，阻止它并告诉它只需要执行`pnpm run lint` 排查错误
-* `pnpm prisma migrate dev --name add_some_tables` 如果您对`schema.prisma` 进行了修改并希望修改能同步到数据库，执行这条命令，`add_some_tables` 请替换成能够描述您实际修改的标识符
-
-##### 访问容器内部服务（SSH转发）：
-如果您是通过浏览器访问云开发容器，有时候可能需要访问云开发容器内部的本地服务，您可以通过SSH转发来实现。
-
-例如我们可以通过这种方法来使用Prisma Studio（prisma提供的数据库管理工具）：
-
-```bash
-pnpm prisma studio --port 5555  # 在容器中执行
-ssh -N -L 5555:127.0.0.1:5555 root@cloud.liuyh.com -p <Hair Keeper容器的SSH服务映射的外部端口>  # 在本地主机中执行，然后输入您开发环节的密码
-```
-然后您可以在本地输入 [http://localhost:5555/](http://localhost:5555/) 访问容器内部运行的Prisma Studio。
-
-虽然您访问的是本地地址，但是Prisma Studio服务是运行在远程服务器的容器中的，SSH则是连接两者的桥梁。
-
-## 代码仓库快速入门
-* `git push origin main` 推送本地代码到远程仓库，推送完成后您可以访问这个链接查看您的代码，也就是说您的代码在服务器上有了个备份，避免意外删除或丢失，通过远程仓库，您还可以与其他人合作开发一个项目，git能够解决代码的版本问题和不同成员修改的合并问题。
-
-* `git add -A && git commit -m "修改了xxx文件、新增了xxx功能"`  在您对代码进行了一定的修改后，可以执行这条命令，相当于一个存档点，也便于您后续查看开发历史。在您进行了几次修改，准备结束今天的工作时，您可以执行`git push origin main` 将代码同步到远程仓库，避免代码丢失。
-

quickstart.sh

@@ -346,7 +346,6 @@ EOF
       "api_base_url": "${PKUAI_API_BASE}api/anthropic/v1/messages",
       "api_key": "${PKUAI_API_KEY}",
       "models": [
-        "claude-opus-4-6",
         "claude-sonnet-4-5-20250929",
         "claude-opus-4-5-20251101",
         "claude-haiku-4-5-20251001"
@@ -369,13 +368,13 @@ EOF
     }
   },
   "Router": {
-    "default": "pku-anthropic,claude-opus-4-6",
+    "default": "pku-anthropic,claude-opus-4-5-20251101",
     "background": "pku-anthropic,claude-haiku-4-5-20251001",
-    "think": "pku-anthropic,claude-opus-4-6",
+    "think": "pku-anthropic,claude-opus-4-5-20251101",
-    "longContext": "pku-anthropic,claude-opus-4-6",
+    "longContext": "pku-anthropic,claude-opus-4-5-20251101",
     "longContextThreshold": 80000,
     "webSearch": "",
-    "image": "pku-anthropic,claude-opus-4-6"
+    "image": "pku-anthropic,claude-opus-4-5-20251101"
   },
   "CUSTOM_ROUTER_PATH": ""
 }

simple_deploy.sh

@@ -1,6 +1,6 @@
 #!/bin/bash
 # 此脚本用来一键部署到生产服务器
-# 需事先配置好ssh免密登录，目标服务器需要安装好node、pnpm、tsx、pm2来运行程序
+# 需事先配置好ssh免密登录，目标服务器需要安装好node、pnpm、tsx、pm2来运行容器
 set -e
 
 # 配置
@@ -20,7 +20,7 @@ TEMP_DIR=$(mktemp -d)
 trap "rm -rf $TEMP_DIR" EXIT
 
 # 复制必要文件
-cp -r .next-prod $TEMP_DIR/
+cp -r .next $TEMP_DIR/
 cp -r public $TEMP_DIR/
 cp -r prisma $TEMP_DIR/
 cp package.json $TEMP_DIR/

simple_deploy_local.sh

@@ -1,28 +0,0 @@
-#!/bin/bash
-# 此脚本用来直接在当前目录下一键部署生产服务器
-# 需要安装好node、pnpm、pm2来运行程序
-set -e
-
-# 配置
-PROJECT_NAME="hair-keeper"  # 可自由修改，默认使用本项目模板的名称
-PORT="8000" 
-
-pnpm run lint
-echo "🔨 开始构建项目..."
-pnpm run build
-
-echo "🗄️  运行数据库迁移..."
-npx prisma migrate deploy
-npx prisma generate
-
-echo "🔄 使用PM2重启服务..."
-pm2 describe hair-keeper > /dev/null 2>&1 && pm2 delete hair-keeper
-pm2 start pnpm --name $PROJECT_NAME -- start -p ${PORT}
-# 保存当前 PM2 进程列表的快照，使其在系统重启后能自动恢复
-pm2 save
-
-echo "✅ 部署完成！服务运行在端口 ${PORT}"
-echo "📊 查看服务状态: pm2 status"
-echo "📝 查看日志: pm2 logs $PROJECT_NAME"
-echo "❌ 关闭服务: pm2 delete $PROJECT_NAME"
-echo "🎉 部署成功！"

src/app/(main)/dev/panel/components/version-control.tsx

@@ -1,4 +1,4 @@
-import { GitBranch, GitCommit as GitCommitIcon, CornerRightUp, RotateCcw, AlertTriangle, RefreshCw, GitCommit, Upload } from 'lucide-react'
+import { GitBranch, GitCommit as GitCommitIcon, CornerRightUp, RotateCcw, AlertTriangle, RefreshCw, GitCommit } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Separator } from '@/components/ui/separator'
 import { trpc } from '@/lib/trpc'
@@ -73,7 +73,7 @@ export function VersionControl({ isOpen }: { isOpen: boolean }) {
   const [isLoadingMore, setIsLoadingMore] = React.useState(false)
   const [commitType, setCommitType] = React.useState<'normal' | 'amend' | null>(null)
   const [confirmAction, setConfirmAction] = React.useState<{
-    type: 'checkout' | 'checkout-branch' | 'revert' | 'reset' | 'push'
+    type: 'checkout' | 'checkout-branch' | 'revert' | 'reset'
     commitId?: string
     message?: string
     title?: string
@@ -191,17 +191,6 @@ export function VersionControl({ isOpen }: { isOpen: boolean }) {
     },
   })
 
-  // 推送远程仓库mutation
-  const pushToRemoteMutation = trpc.devPanel!.pushToRemote.useMutation({
-    onSuccess: (data) => {
-      toast.success(data.message)
-      setConfirmAction(null)
-    },
-    onError: (error) => {
-      toast.error(error.message)
-    },
-  })
-
   // 处理分支选择（仅用于查看历史，不切换实际分支）
   const handleBranchChange = (branchName: string | null) => {
     if (!branchName) return
@@ -317,21 +306,9 @@ export function VersionControl({ isOpen }: { isOpen: boolean }) {
           resetToCommitMutation.mutate({ commitId: confirmAction.commitId })
         }
         break
-      case 'push':
-        pushToRemoteMutation.mutate({ branchName: selectedBranch })
-        break
     }
   }
 
-  // 处理推送远程仓库
-  const handlePushToRemote = () => {
-    setConfirmAction({
-      type: 'push',
-      title: '推送到远程仓库',
-      description: `确定要将分支 "${selectedBranch}" 的最新提交推送到远程仓库吗？`,
-    })
-  }
-
   // 手动刷新所有数据
   const handleRefresh = () => {
     refetchBranches()
@@ -380,7 +357,7 @@ export function VersionControl({ isOpen }: { isOpen: boolean }) {
             </div>
           </div>
 
-          {/* 右半部分：Commit按钮、推送按钮和刷新按钮 */}
+          {/* 右半部分：Commit按钮和刷新按钮 */}
           <div className="flex items-center gap-2 flex-1 justify-end">
             <Button
               onClick={() => setShowCommitDialog(true)}
@@ -390,16 +367,6 @@ export function VersionControl({ isOpen }: { isOpen: boolean }) {
               <GitCommit className="mr-2 h-4 w-4" />
               提交更改
             </Button>
-            {selectedBranch && !selectedBranch.startsWith('origin/') && (
-              <Button
-                variant="outline"
-                onClick={handlePushToRemote}
-                disabled={pushToRemoteMutation.isPending}
-                title="推送到远程仓库"
-              >
-                <Upload className={cn("h-4 w-4", pushToRemoteMutation.isPending && "animate-pulse")} />
-              </Button>
-            )}
             <Button
               variant="outline"
               onClick={handleRefresh}

src/components/common/form-dialog.tsx

@@ -267,7 +267,7 @@ export function FormDialog({
         if (formRef.current) {
           // 查找第一个可聚焦的输入元素
           const firstInput = formRef.current.querySelector<HTMLElement>(
-            'input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button[role="combobox"]:not([disabled])'
+            'input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled])'
           )
           if (firstInput) {
             firstInput.focus()

src/components/common/multi-step-form-dialog.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React, { createContext, useContext, useEffect, useRef, useState } from 'react'
+import React, { createContext, useContext, useState, useEffect, useRef } from 'react'
 import { UseFormReturn, ControllerRenderProps } from 'react-hook-form'
 import { Button } from '@/components/ui/button'
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog'
@@ -19,43 +19,20 @@ import {
   FormLabel,
   FormMessage,
 } from '@/components/ui/form'
+import { ChevronLeft, ChevronRight } from 'lucide-react'
 import { useIsMobile } from '@/hooks/use-mobile'
 import { cn } from '@/lib/utils'
-import { Loader2, ChevronLeft, ChevronRight, Check } from 'lucide-react'
-import { Skeleton } from '@/components/ui/skeleton'
-
-// 字段配置类型定义
-export interface StepFieldConfig {
-  name: string
-  label: string
-  required?: boolean
-  render: (props: { field: ControllerRenderProps<any, any> }) => React.ReactNode
-  className?: string
-}
-
-// 步骤配置类型定义
-export interface StepConfig {
-  name: string
-  title: string
-  description?: string
-  fields: StepFieldConfig[]
-  className?: string  // 步骤内容区域的网格样式
-}
 
 // MultiStepFormDialog Context
 export interface MultiStepFormDialogContextValue {
-  form: UseFormReturn<any>
+  onCancel: () => void
-  close: () => void
+  onPrevious: () => void
-  steps: StepConfig[]
+  onNext: () => void
-  currentStep: number
+  isSubmitting: boolean
-  totalSteps: number
+  isValidating: boolean
+  submitButtonText: string
   isFirstStep: boolean
   isLastStep: boolean
-  goToStep: (step: number) => void
-  goNext: () => void
-  goPrev: () => void
-  isLoading?: boolean
-  canGoNext: () => Promise<boolean>
 }
 
 const MultiStepFormDialogContext = createContext<MultiStepFormDialogContextValue | null>(null)
@@ -68,343 +45,91 @@ export function useMultiStepFormDialogContext() {
   return context
 }
 
-// 步骤指示器组件
+// 字段配置类型定义
-export interface StepIndicatorProps {
+export interface FormFieldConfig {
-  className?: string
+  name: string
-  showLabels?: boolean
+  label: string
-  clickable?: boolean
+  required?: boolean
+  render: (props: { field: ControllerRenderProps<any, any> }) => React.ReactNode // 将...field传递给UI控件交给react-hook-form管理
+  className?: string // 允许为单个字段指定自定义样式
 }
 
-export function StepIndicator({ className, showLabels = false, clickable = false }: StepIndicatorProps) {
+// 步骤配置类型定义
-  const { steps, currentStep, goToStep, isLoading } = useMultiStepFormDialogContext()
+export interface StepConfig {
+  title: string
+  description?: string
+  fields: FormFieldConfig[]
+}
+
+// 多步骤表单操作按钮栏组件
+export function MultiStepFormActionBar() {
+  const {
+    onCancel,
+    onPrevious,
+    onNext,
+    isSubmitting,
+    isValidating,
+    submitButtonText,
+    isFirstStep,
+    isLastStep
+  } = useMultiStepFormDialogContext()
 
   return (
-    <div className={cn("flex items-center justify-center gap-2", className)}>
+    <div className="flex justify-between pt-6 border-t">
-      {steps.map((step, index) => {
+      <div className="flex space-x-2">
-        const isCompleted = index < currentStep
+        <Button type="button" variant="outline" onClick={onCancel}>
-        const isCurrent = index === currentStep
+          取消
-        const isClickable = clickable && !isLoading && index <= currentStep
+        </Button>
-
+      </div>
-        return (
+      
-          <React.Fragment key={step.name}>
+      <div className="flex space-x-2">
-            {index > 0 && (
+        {!isFirstStep && (
-              <div
+          <Button
-                className={cn(
+            type="button"
-                  "h-0.5 w-8 transition-colors",
+            variant="outline"
-                  index <= currentStep ? "bg-primary" : "bg-muted"
+            onClick={onPrevious}
-                )}
+            disabled={isSubmitting}
-              />
+          >
-            )}
+            <ChevronLeft className="w-4 h-4 mr-1" />
-            <button
+            上一步
-              type="button"
+          </Button>
-              disabled={!isClickable}
+        )}
-              onClick={() => isClickable && goToStep(index)}
+        {!isLastStep && (
-              className={cn(
+          <Button
-                "flex items-center gap-2 transition-colors",
+            type="button"
-                isClickable && "cursor-pointer hover:opacity-80",
+            onClick={onNext}
-                !isClickable && "cursor-default"
+            disabled={isSubmitting || isValidating}
-              )}
+          >
-            >
+            {isValidating ? '验证中...' : '下一步'}
-              <div
+            <ChevronRight className="w-4 h-4 ml-1" />
-                className={cn(
+          </Button>
-                  "flex h-8 w-8 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors",
+        )}
-                  isCompleted && "border-primary bg-primary text-primary-foreground",
+        <Button
-                  isCurrent && "border-primary text-primary",
+          type="submit"
-                  !isCompleted && !isCurrent && "border-muted text-muted-foreground"
+          disabled={isSubmitting}
-                )}
+          className={!isLastStep ? 'hidden' : ''}
-              >
+        >
-                {isCompleted ? <Check className="h-4 w-4" /> : index + 1}
+          {isSubmitting ? `${submitButtonText}中...` : submitButtonText}
-              </div>
+        </Button>
-              {showLabels && (
-                <span
-                  className={cn(
-                    "text-sm font-medium hidden sm:inline",
-                    isCurrent && "text-primary",
-                    !isCurrent && "text-muted-foreground"
-                  )}
-                >
-                  {step.title}
-                </span>
-              )}
-            </button>
-          </React.Fragment>
-        )
-      })}
-    </div>
-  )
-}
-
-// 步骤内容组件
-export interface StepContentProps {
-  className?: string
-}
-
-export function StepContent({ className = 'grid grid-cols-1 gap-4' }: StepContentProps) {
-  const { form, steps, currentStep, isLoading } = useMultiStepFormDialogContext()
-  const currentStepConfig = steps[currentStep]
-
-  if (!currentStepConfig) return null
-
-  // 如果正在加载，显示骨架屏
-  if (isLoading) {
-    return (
-      <div className={cn("p-1", className, currentStepConfig.className)}>
-        {currentStepConfig.fields.map((fieldConfig) => (
-          <div key={fieldConfig.name} className={cn("space-y-2", fieldConfig.className || '')}>
-            <Skeleton className="h-4 w-20" />
-            <Skeleton className="h-10 w-full" />
-          </div>
-        ))}
       </div>
-    )
-  }
-
-  return (
-    <div className={cn("p-1", className, currentStepConfig.className)}>
-      {currentStepConfig.fields.map((fieldConfig) => (
-        <FormField
-          key={fieldConfig.name}
-          control={form.control}
-          name={fieldConfig.name}
-          render={({ field }) => (
-            <FormItem className={fieldConfig.className || ''}>
-              <FormLabel className="flex items-center gap-1">
-                {fieldConfig.label}
-                {fieldConfig.required && <span className="text-red-500">*</span>}
-              </FormLabel>
-              <FormControl>
-                {fieldConfig.render({ field })}
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-      ))}
     </div>
   )
 }
 
-// 步骤标题组件（显示当前步骤的标题和描述）
-export interface StepHeaderProps {
-  className?: string
-}
-
-export function StepHeader({ className }: StepHeaderProps) {
-  const { steps, currentStep } = useMultiStepFormDialogContext()
-  const currentStepConfig = steps[currentStep]
-
-  if (!currentStepConfig) return null
-
-  return (
-    <div className={cn("space-y-1", className)}>
-      <h4 className="font-medium">{currentStepConfig.title}</h4>
-      {currentStepConfig.description && (
-        <p className="text-sm text-muted-foreground">{currentStepConfig.description}</p>
-      )}
-    </div>
-  )
-}
-
-// 上一步按钮组件
-export interface PrevStepActionProps extends Omit<React.ComponentProps<typeof Button>, 'onClick' | 'type'> {
-  children?: React.ReactNode
-  onPrev?: () => void
-}
-
-export function PrevStepAction({
-  children,
-  variant = 'outline',
-  onPrev,
-  ...props
-}: PrevStepActionProps) {
-  const { goPrev, isFirstStep, isLoading } = useMultiStepFormDialogContext()
-
-  const handleClick = () => {
-    if (onPrev) {
-      onPrev()
-    } else {
-      goPrev()
-    }
-  }
-
-  return (
-    <Button
-      type="button"
-      variant={variant}
-      onClick={handleClick}
-      disabled={isFirstStep || isLoading || props.disabled}
-      {...props}
-    >
-      {children ?? (
-        <>
-          <ChevronLeft className="mr-1 h-4 w-4" />
-          上一步
-        </>
-      )}
-    </Button>
-  )
-}
-
-// 下一步按钮组件
-export interface NextStepActionProps extends Omit<React.ComponentProps<typeof Button>, 'onClick' | 'type'> {
-  children?: React.ReactNode
-  onNext?: () => Promise<boolean> | boolean
-  validateCurrentStep?: boolean
-}
-
-export function NextStepAction({
-  children,
-  variant = 'default',
-  onNext,
-  validateCurrentStep = true,
-  ...props
-}: NextStepActionProps) {
-  const { goNext, isLastStep, isLoading, canGoNext } = useMultiStepFormDialogContext()
-  const [isValidating, setIsValidating] = useState(false)
-
-  const handleClick = async () => {
-    setIsValidating(true)
-    try {
-      if (validateCurrentStep) {
-        const canProceed = await canGoNext()
-        if (!canProceed) {
-          return
-        }
-      }
-
-      if (onNext) {
-        const shouldProceed = await onNext()
-        if (!shouldProceed) {
-          return
-        }
-      }
-
-      goNext()
-    } finally {
-      setIsValidating(false)
-    }
-  }
-
-  if (isLastStep) return null
-
-  return (
-    <Button
-      type="button"
-      variant={variant}
-      onClick={handleClick}
-      disabled={isLoading || isValidating || props.disabled}
-      {...props}
-    >
-      {children ?? (
-        <>
-          下一步
-          <ChevronRight className="ml-1 h-4 w-4" />
-        </>
-      )}
-      {isValidating && <Loader2 className="ml-2 h-4 w-4 animate-spin" />}
-    </Button>
-  )
-}
-
-// 取消按钮组件
-export interface StepCancelActionProps extends Omit<React.ComponentProps<typeof Button>, 'onClick' | 'type'> {
-  children?: React.ReactNode
-  onCancel?: () => void
-}
-
-export function StepCancelAction({ children = '取消', variant = 'outline', onCancel, ...props }: StepCancelActionProps) {
-  const { close } = useMultiStepFormDialogContext()
-
-  const handleClick = () => {
-    if (onCancel) {
-      onCancel()
-    } else {
-      close()
-    }
-  }
-
-  return (
-    <Button type="button" variant={variant} onClick={handleClick} disabled={props.disabled} {...props}>
-      {children}
-    </Button>
-  )
-}
-
-// 提交按钮组件（仅在最后一步显示）
-export interface StepSubmitActionProps extends Omit<React.ComponentProps<typeof Button>, 'onClick' | 'type'> {
-  onSubmit: (data: any) => Promise<void> | void
-  children?: React.ReactNode
-  disabled?: boolean
-  isSubmitting?: boolean
-  showSpinningLoader?: boolean
-  showOnlyOnLastStep?: boolean
-}
-
-export function StepSubmitAction({
-  onSubmit,
-  children = '提交',
-  disabled = false,
-  isSubmitting = false,
-  showSpinningLoader = true,
-  showOnlyOnLastStep = true,
-  variant = 'default',
-  ...props
-}: StepSubmitActionProps) {
-  const { form, isLastStep, isLoading } = useMultiStepFormDialogContext()
-
-  if (showOnlyOnLastStep && !isLastStep) return null
-
-  return (
-    <Button
-      type="button"
-      variant={variant}
-      onClick={form.handleSubmit(onSubmit)}
-      disabled={isSubmitting || disabled || isLoading}
-      {...props}
-    >
-      {children}
-      {isSubmitting && showSpinningLoader && <Loader2 className="ml-2 h-4 w-4 animate-spin" />}
-    </Button>
-  )
-}
-
-// 操作按钮栏组件
-export interface StepActionBarProps {
-  children?: React.ReactNode
-  className?: string
-}
-
-export function StepActionBar({ children, className }: StepActionBarProps) {
-  return (
-    <div className={cn("flex justify-between", className)}>
-      {children}
-    </div>
-  )
-}
-
-// 左侧操作区
-export function StepActionBarLeft({ children, className }: { children?: React.ReactNode; className?: string }) {
-  return <div className={cn("flex gap-2", className)}>{children}</div>
-}
-
-// 右侧操作区
-export function StepActionBarRight({ children, className }: { children?: React.ReactNode; className?: string }) {
-  return <div className={cn("flex gap-2", className)}>{children}</div>
-}
-
-// 主对话框组件
 export interface MultiStepFormDialogProps {
   isOpen: boolean
   title: string
   description: string
   form: UseFormReturn<any>
+  onSubmit: (data: any) => Promise<void> | void
   steps: StepConfig[]
+  contentClassName?: string
+  gridClassName?: string
+
+  /* action */
   onClose: () => void
-  className?: string
+  isSubmitting: boolean
-  formClassName?: string
+  submitButtonText: string
-  children: React.ReactNode
-  isLoading?: boolean
-  initialStep?: number
 }
 
 export function MultiStepFormDialog({
@@ -412,33 +137,30 @@ export function MultiStepFormDialog({
   title,
   description,
   form,
+  onSubmit,
   steps,
+  contentClassName = 'max-w-4xl',
+  gridClassName = 'grid grid-cols-1 md:grid-cols-2 gap-4',
   onClose,
-  className = 'max-w-lg',
+  isSubmitting,
-  formClassName,
+  submitButtonText,
-  children,
-  isLoading = false,
-  initialStep = 0,
 }: MultiStepFormDialogProps) {
   const isMobile = useIsMobile()
+  const [currentStep, setCurrentStep] = useState(0)
+  const [isValidating, setIsValidating] = useState(false)
   const formRef = useRef<HTMLFormElement>(null)
-  const [currentStep, setCurrentStep] = useState(initialStep)
 
-  // 重置步骤当对话框关闭或重新打开时
+  // 当对话框打开或步骤改变时，自动聚焦到第一个表单输入控件
   useEffect(() => {
     if (isOpen) {
-      setCurrentStep(initialStep)
+      // 使当前拥有焦点的元素（通常是用来触发打开这个drawer的控件）失去焦点，不然控制台会警告焦点在一个要被隐藏于屏幕阅读器的控件上
-    }
-  }, [isOpen, initialStep])
-
-  // 当对话框打开或步骤变化时，自动聚焦到第一个表单输入控件
-  useEffect(() => {
-    if (isOpen && !isLoading) {
       (document.activeElement as HTMLElement)?.blur()
+      // 使用 setTimeout 确保 DOM 已完全渲染
       const timer = setTimeout(() => {
         if (formRef.current) {
+          // 查找第一个可聚焦的输入元素
           const firstInput = formRef.current.querySelector<HTMLElement>(
-            'input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button[role="combobox"]:not([disabled])'
+            'input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled])'
           )
           if (firstInput) {
             firstInput.focus()
@@ -448,78 +170,138 @@ export function MultiStepFormDialog({
 
       return () => clearTimeout(timer)
     }
-  }, [isOpen, isLoading, currentStep])
+  }, [isOpen, currentStep])
 
-  const close = () => {
+  const handleSubmit = async (data: any) => {
+    await onSubmit(data)
+  }
+
+  const handleClose = () => {
+    setCurrentStep(0)
     onClose()
   }
 
-  const totalSteps = steps.length
+  const handleNext = async () => {
+    if (currentStep < steps.length - 1) {
+      setIsValidating(true)
+      try {
+        // 验证当前步骤的字段，只有验证通过才能跳转到下一步
+        const currentStepFields = currentStepConfig.fields.map(field => field.name)
+        const isValid = await form.trigger(currentStepFields)
+        if (isValid) {
+          setCurrentStep(currentStep + 1)
+        }
+      } finally {
+        setIsValidating(false)
+      }
+    }
+  }
+
+  const handlePrevious = () => {
+    if (currentStep > 0) {
+      setCurrentStep(currentStep - 1)
+    }
+  }
+
   const isFirstStep = currentStep === 0
-  const isLastStep = currentStep === totalSteps - 1
+  const isLastStep = currentStep === steps.length - 1
+  const currentStepConfig = steps[currentStep]
 
-  const goToStep = (step: number) => {
+  // 步骤指示器组件
-    if (step >= 0 && step < totalSteps) {
+  const stepIndicator = (
-      setCurrentStep(step)
+    <div className="flex items-center justify-between mb-6">
-    }
+      {steps.map((step, index) => (
-  }
+        <div key={index} className="flex items-center">
-
+          <div
-  const goNext = () => {
+            className={`w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium ${
-    if (!isLastStep) {
+              index <= currentStep
-      setCurrentStep((prev) => prev + 1)
+                ? 'bg-primary text-primary-foreground'
-    }
+                : 'bg-muted text-muted-foreground'
-  }
+            }`}
-
+          >
-  const goPrev = () => {
+            {index + 1}
-    if (!isFirstStep) {
+          </div>
-      setCurrentStep((prev) => prev - 1)
+          <div className="ml-2 text-sm">
-    }
+            <div className={index <= currentStep ? 'text-primary font-medium' : 'text-muted-foreground'}>
-  }
+              {step.title}
-
+            </div>
-  // 验证当前步骤的字段
+          </div>
-  const canGoNext = async (): Promise<boolean> => {
+          {index < steps.length - 1 && (
-    const currentStepConfig = steps[currentStep]
+            <div className={`w-12 h-0.5 mx-4 ${index < currentStep ? 'bg-primary' : 'bg-muted'}`} />
-    if (!currentStepConfig) return true
+          )}
-
+        </div>
-    const fieldNames = currentStepConfig.fields.map((f) => f.name)
+      ))}
-    const result = await form.trigger(fieldNames as any)
+    </div>
-    return result
+  )
-  }
 
+  // Context 值
   const contextValue: MultiStepFormDialogContextValue = {
-    form,
+    onCancel: handleClose,
-    close,
+    onPrevious: handlePrevious,
-    steps,
+    onNext: handleNext,
-    currentStep,
+    isSubmitting,
-    totalSteps,
+    isValidating,
+    submitButtonText,
     isFirstStep,
-    isLastStep,
+    isLastStep
-    goToStep,
-    goNext,
-    goPrev,
-    isLoading,
-    canGoNext,
   }
 
+  // 表单内容组件
   const formContent = (
     <MultiStepFormDialogContext.Provider value={contextValue}>
-      <Form {...form}>
+      <div className="space-y-4">
-        <form ref={formRef} className={cn("space-y-6", formClassName)}>
+        <Form {...form}>
-          {children}
+          <form ref={formRef} onSubmit={form.handleSubmit(handleSubmit)} className="space-y-6">
-        </form>
+            {/* 当前步骤标题和描述 */}
-      </Form>
+            <div className="border-b pb-4">
+              <h3 className="text-lg font-medium">{currentStepConfig.title}</h3>
+              {currentStepConfig.description && (
+                <p className="text-sm text-muted-foreground mt-1">{currentStepConfig.description}</p>
+              )}
+            </div>
+
+            {/* 当前步骤的字段 */}
+            <div className={cn("p-1", gridClassName)}>
+              {currentStepConfig.fields.map((fieldConfig) => (
+                <FormField
+                  key={fieldConfig.name}
+                  control={form.control}
+                  name={fieldConfig.name}
+                  render={({ field }) => (
+                    <FormItem className={fieldConfig.className || ''}>
+                      <FormLabel className="flex items-center gap-1">
+                        {fieldConfig.label}
+                        {fieldConfig.required && <span className="text-red-500">*</span>}
+                      </FormLabel>
+                      <FormControl>
+                        {fieldConfig.render({ field })}
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              ))}
+            </div>
+
+            {/* 操作按钮 */}
+            <MultiStepFormActionBar />
+          </form>
+        </Form>
+      </div>
     </MultiStepFormDialogContext.Provider>
   )
 
+  // 根据设备类型渲染不同的组件
   if (isMobile) {
     return (
-      <Drawer open={isOpen} onOpenChange={(open) => !open && close()}>
+      <Drawer open={isOpen} onOpenChange={handleClose}>
-        <DrawerContent className={className}>
+        <DrawerContent>
           <DrawerHeader>
             <DrawerTitle>{title}</DrawerTitle>
             <DrawerDescription>{description}</DrawerDescription>
           </DrawerHeader>
           <div className="px-4 pb-4 overflow-y-auto max-h-[70vh]">
+            {stepIndicator}
             {formContent}
           </div>
         </DrawerContent>
@@ -528,16 +310,17 @@ export function MultiStepFormDialog({
   }
 
   return (
-    <Dialog open={isOpen} onOpenChange={(open) => !open && close()}>
+    <Dialog open={isOpen} onOpenChange={handleClose}>
-      <DialogContent className={className} showCloseButton={false}>
+      <DialogContent className={contentClassName}>
         <DialogHeader>
           <DialogTitle>{title}</DialogTitle>
           <DialogDescription>{description}</DialogDescription>
         </DialogHeader>
-        <div className="overflow-y-auto max-h-[70vh]">
+        {stepIndicator}
+        <div className='overflow-y-auto max-h-[70vh]'>
           {formContent}
         </div>
       </DialogContent>
     </Dialog>
   )
-}
+}

src/constants/site.ts

@@ -3,4 +3,4 @@
  */
 export const SITE_NAME = 'Hair Keeper'
 export const SITE_DESCRIPTION = '高度集成、深度定制、约定优于配置的全栈Web应用模板，旨在保持灵活性的同时提供一套基于成熟架构的开发底座，自带身份认证、权限控制、丰富前端组件、文件上传、后台任务、智能体开发等丰富功能，提供AI开发辅助，免于纠结功能如何实现，可快速上手专注于业务逻辑'
-export const SITE_VERSION = 'v1.2.0'
+export const SITE_VERSION = 'v1.1.0'

src/server/routers/dev/panel.ts

@@ -12,7 +12,6 @@ import {
   resetToCommit,
   getCurrentBranch,
   hasUncommittedChanges,
-  pushToRemote,
 } from '@/server/utils/git-helper'
 
 
@@ -225,25 +224,6 @@ export const devPanelRouter = createTRPCRouter({
         })
       }
     }),
-
-  /**
-   * 推送分支到远程仓库
-   */
-  pushToRemote: permissionRequiredProcedure('SUPER_ADMIN_ONLY')
-    .input(z.object({
-      branchName: z.string().min(1, '分支名称不能为空'),
-    }))
-    .mutation(async ({ input }) => {
-      try {
-        await pushToRemote(input.branchName)
-        return { success: true, message: `已推送分支 ${input.branchName} 到远程仓库` }
-      } catch (error: any) {
-        throw new TRPCError({
-          code: 'INTERNAL_SERVER_ERROR',
-          message: `推送失败: ${error.message}`,
-        })
-      }
-    }),
 })
 
 export type DevPanelRouter = typeof devPanelRouter

src/server/utils/git-helper.ts

@@ -632,19 +632,3 @@ export async function hasUncommittedChanges(): Promise<boolean> {
     return false
   }
 }
-
-/**
- * 推送当前分支到远程仓库
- * @param branchName 分支名称
- */
-export async function pushToRemote(branchName: string): Promise<void> {
-  try {
-    await execAsync(`git push origin "${branchName}"`, {
-      cwd: process.cwd(),
-      encoding: 'utf-8',
-    })
-  } catch (error) {
-    console.error('推送到远程仓库失败:', error)
-    throw new Error(`无法推送到远程仓库: ${error instanceof Error ? error.message : String(error)}`)
-  }
-}