feat: complete mise env base code

.stignore

@@ -1,3 +1,4 @@
 .git/
 web/node_modules
-web/dist
+web/dist
+envs/

README.md

@@ -90,6 +90,44 @@
 
 </details>
 
+## 支持语言脚本和依赖
+
+<details>
+<summary><b>点击展开查看已支持的语言及依赖管理详情</b></summary>
+
+### 脚本运行环境
+白虎面板原生支持以下脚本的定时执行：
+- **Python3**, **Node.js**, **Bash** (内置环境)
+- 通过 **Mise** 扩展：支持几乎所有主流编程语言的动态安装与切换。
+
+### 依赖管理支持
+系统内置了高度集成的跨语言依赖管理器，支持自动化安装和管理以下语言的依赖项，并确保在容器内全局可用：
+
+| 语言 | 包管理器 | 功能说明 |
+| :--- | :--- | :--- |
+| **Python** | pip | 自动使用内置虚拟环境，支持清华源 |
+| **Node.js** | npm | 全局安装模式，自动配置 npmmirror 镜像 |
+| **Go** | go install | 通过 `go install` 安装二进制工具 |
+| **Rust** | cargo | 通过 `cargo install` 安装 Rust 依赖 |
+| **Ruby** | gem | 支持 `gem install` 本地安装 |
+| **Bun** | bun | 支持 `bun add -g` 全局模式 |
+| **PHP** | composer | 支持 `composer global require` |
+| **Deno** | deno | 支持 `deno install -g` |
+| **.NET** | dotnet | 支持 `dotnet tool install -g` |
+| **Elixir/Erlang** | mix | 支持 `mix archive.install` |
+| **Lua** | luarocks | 通过 `luarocks` 管理 Lua 包 |
+| **Nim** | nimble | 支持 `nimble install` |
+| **Dart/Flutter** | pub | 支持 `pub global activate` |
+| **Perl** | cpanm | 简单的 `cpanm` 安装支持 |
+| **Crystal** | shards | `shards` 项目级别或工具安装 |
+
+### 使用方法
+1. **安装环境**：进入「编程语言」页面，使用 `mise` 一键安装所需的语言及版本。
+2. **依赖管理**：在已安装列表点击「依赖管理」，输入名称（可选版本）即可自动在对应环境内完成安装。
+3. **隔离机制**：系统基于 `mise exec` 实现了完善的环境隔离，不同版本的依赖包互不冲突。
+
+</details>
+
 ## 效果图 
 
 ![baihu-display.gif](https://raw.githubusercontent.com/engigu/resources/refs/heads/images/baihu-display.gif)

agent/agent.go

@@ -43,15 +43,17 @@ type WSMessage struct {
 }
 
 type AgentTask struct {
-	ID       uint   `json:"id"`
+	ID          uint   `json:"id"`
-	Name     string `json:"name"`
+	Name        string `json:"name"`
-	Command  string `json:"command"`
+	Command     string `json:"command"`
-	Schedule string `json:"schedule"`
+	Schedule    string `json:"schedule"`
-	Cron     string `json:"cron"`
+	Cron        string `json:"cron"`
-	Timeout  int    `json:"timeout"`
+	Timeout     int    `json:"timeout"`
-	WorkDir  string `json:"work_dir"`
+	WorkDir     string `json:"work_dir"`
-	Envs     string `json:"envs"`
+	Envs        string `json:"envs"`
-	Enabled  bool   `json:"enabled"`
+	Language    string `json:"language"`
+	LangVersion string `json:"lang_version"`
+	Enabled     bool   `json:"enabled"`
 }
 
 func (t *AgentTask) GetID() string {
@@ -78,6 +80,22 @@ func (t *AgentTask) GetEnvs() string {
 	return t.Envs
 }
 
+func (t *AgentTask) GetLanguage() string {
+	return t.Language
+}
+
+func (t *AgentTask) GetLangVersion() string {
+	return t.LangVersion
+}
+
+func (t *AgentTask) GetUseMise() bool {
+	return false
+}
+
+func (t *AgentTask) UseMise() bool {
+	return false
+}
+
 func (t *AgentTask) GetSchedule() string {
 	if t.Schedule != "" {
 		return t.Schedule
@@ -495,14 +513,17 @@ func (a *Agent) handleExecute(data json.RawMessage) {
 
 	// 准备执行请求
 	execReq := &executor.ExecutionRequest{
-		TaskID:  fmt.Sprintf("%d", task.ID),
+		TaskID:      fmt.Sprintf("%d", task.ID),
-		LogID:   req.LogID,
+		LogID:       req.LogID,
-		Name:    task.Name,
+		Name:        task.Name,
-		Command: task.Command,
+		Command:     task.Command,
-		WorkDir: task.WorkDir,
+		WorkDir:     task.WorkDir,
-		Envs:    executor.ParseEnvVars(task.Envs),
+		Envs:        executor.ParseEnvVars(task.Envs),
-		Timeout: task.Timeout,
+		Timeout:     task.Timeout,
-		Type:    executor.TaskTypeManual,
+		Language:    task.Language,
+		LangVersion: task.LangVersion,
+		UseMise:     false,
+		Type:        executor.TaskTypeManual,
 	}
 
 	// 立即执行任务（加入队列）

internal/constant/mise.go

@@ -0,0 +1,9 @@
+package constant
+
+// MainstreamMisePlugins 主流的 mise 插件列表
+var MainstreamMisePlugins = []string{
+	"python", "node", "go", "rust", "ruby", "java", "php",
+	"deno", "bun", "zig", "dotnet", "elixir", "erlang",
+	"crystal", "lua", "julia", "nim", "perl", "scala",
+	"kotlin", "clojure", "dart", "flutter", "terraform",
+}

internal/controllers/dependency_controller.go

@@ -24,8 +24,9 @@ func NewDependencyController() *DependencyController {
 
 // List 获取依赖列表
 func (c *DependencyController) List(ctx *gin.Context) {
-	depType := ctx.Query("type")
+	language := ctx.Query("language")
-	deps, err := c.service.List(depType)
+	langVersion := ctx.Query("lang_version")
+	deps, err := c.service.List(language, langVersion)
 	if err != nil {
 		utils.ServerError(ctx, "获取依赖列表失败")
 		return
@@ -40,10 +41,11 @@ func (c *DependencyController) List(ctx *gin.Context) {
 // Create 添加依赖
 func (c *DependencyController) Create(ctx *gin.Context) {
 	var req struct {
-		Name    string `json:"name" binding:"required"`
+		Name        string `json:"name" binding:"required"`
-		Version string `json:"version"`
+		Version     string `json:"version"`
-		Type    string `json:"type" binding:"required"`
+		Language    string `json:"language" binding:"required"`
-		Remark  string `json:"remark"`
+		LangVersion string `json:"lang_version"`
+		Remark      string `json:"remark"`
 	}
 
 	if err := ctx.ShouldBindJSON(&req); err != nil {
@@ -51,16 +53,12 @@ func (c *DependencyController) Create(ctx *gin.Context) {
 		return
 	}
 
-	if req.Type != "py" && req.Type != "node" {
-		utils.BadRequest(ctx, "类型必须是 py 或 node")
-		return
-	}
-
 	dep := &models.Dependency{
-		Name:    req.Name,
+		Name:        req.Name,
-		Version: req.Version,
+		Version:     req.Version,
-		Type:    req.Type,
+		Language:    req.Language,
-		Remark:  req.Remark,
+		LangVersion: req.LangVersion,
+		Remark:      req.Remark,
 	}
 
 	if err := c.service.Create(dep); err != nil {
@@ -87,13 +85,13 @@ func (c *DependencyController) Delete(ctx *gin.Context) {
 	utils.SuccessMsg(ctx, "删除成功")
 }
 
-// Install 安装依赖
 func (c *DependencyController) Install(ctx *gin.Context) {
 	var req struct {
-		Name    string `json:"name" binding:"required"`
+		Name        string `json:"name" binding:"required"`
-		Version string `json:"version"`
+		Version     string `json:"version"`
-		Type    string `json:"type" binding:"required"`
+		Language    string `json:"language"`
-		Remark  string `json:"remark"`
+		LangVersion string `json:"lang_version"`
+		Remark      string `json:"remark"`
 	}
 
 	if err := ctx.ShouldBindJSON(&req); err != nil {
@@ -101,11 +99,21 @@ func (c *DependencyController) Install(ctx *gin.Context) {
 		return
 	}
 
+	language := req.Language
+	if language == "" {
+		language = ctx.Query("language")
+	}
+	langVersion := req.LangVersion
+	if langVersion == "" {
+		langVersion = ctx.Query("lang_version")
+	}
+
 	dep := &models.Dependency{
-		Name:    req.Name,
+		Name:        req.Name,
-		Version: req.Version,
+		Version:     req.Version,
-		Type:    req.Type,
+		Language:    language,
-		Remark:  req.Remark,
+		LangVersion: langVersion,
+		Remark:      req.Remark,
 	}
 
 	if err := c.service.Install(dep); err != nil {
@@ -119,6 +127,63 @@ func (c *DependencyController) Install(ctx *gin.Context) {
 	utils.SuccessMsg(ctx, "安装成功")
 }
 
+// GetInstallCommand 获取安装命令
+func (c *DependencyController) GetInstallCommand(ctx *gin.Context) {
+	var req struct {
+		Name        string `json:"name" binding:"required"`
+		Version     string `json:"version"`
+		Language    string `json:"language"`
+		LangVersion string `json:"lang_version"`
+	}
+
+	if err := ctx.ShouldBindJSON(&req); err != nil {
+		utils.BadRequest(ctx, "参数错误")
+		return
+	}
+
+	language := req.Language
+	if language == "" {
+		language = ctx.Query("language")
+	}
+	langVersion := req.LangVersion
+	if langVersion == "" {
+		langVersion = ctx.Query("lang_version")
+	}
+
+	dep := &models.Dependency{
+		Name:        req.Name,
+		Version:     req.Version,
+		Language:    language,
+		LangVersion: langVersion,
+	}
+
+	cmd, err := c.service.GetInstallCommand(dep)
+	if err != nil {
+		utils.ServerError(ctx, err.Error())
+		return
+	}
+
+	utils.Success(ctx, gin.H{"command": cmd})
+}
+
+// GetReinstallAllCommand 获取全部重装命令
+func (c *DependencyController) GetReinstallAllCommand(ctx *gin.Context) {
+	language := ctx.Query("language")
+	langVersion := ctx.Query("lang_version")
+	if language == "" {
+		utils.BadRequest(ctx, "缺少 language 参数")
+		return
+	}
+
+	cmd, err := c.service.GetReinstallAllCommand(language, langVersion)
+	if err != nil {
+		utils.ServerError(ctx, err.Error())
+		return
+	}
+
+	utils.Success(ctx, gin.H{"command": cmd})
+}
+
 // Uninstall 卸载依赖
 func (c *DependencyController) Uninstall(ctx *gin.Context) {
 	id, err := strconv.Atoi(ctx.Param("id"))
@@ -128,7 +193,7 @@ func (c *DependencyController) Uninstall(ctx *gin.Context) {
 	}
 
 	// 获取依赖信息
-	deps, _ := c.service.List("")
+	deps, _ := c.service.List("", "")
 	var dep *models.Dependency
 	for _, d := range deps {
 		if d.ID == id {
@@ -162,7 +227,7 @@ func (c *DependencyController) Reinstall(ctx *gin.Context) {
 	}
 
 	// 获取依赖信息
-	deps, _ := c.service.List("")
+	deps, _ := c.service.List("", "")
 	var dep *models.Dependency
 	for _, d := range deps {
 		if d.ID == id {
@@ -186,13 +251,14 @@ func (c *DependencyController) Reinstall(ctx *gin.Context) {
 
 // ReinstallAll 重新安装所有依赖
 func (c *DependencyController) ReinstallAll(ctx *gin.Context) {
-	depType := ctx.Query("type")
+	language := ctx.Query("language")
-	if depType == "" {
+	langVersion := ctx.Query("lang_version")
-		utils.BadRequest(ctx, "缺少 type 参数")
+	if language == "" {
+		utils.BadRequest(ctx, "缺少 language 参数")
 		return
 	}
 
-	deps, err := c.service.List(depType)
+	deps, err := c.service.List(language, langVersion)
 	if err != nil {
 		utils.ServerError(ctx, "获取依赖列表失败")
 		return
@@ -215,13 +281,14 @@ func (c *DependencyController) ReinstallAll(ctx *gin.Context) {
 
 // GetInstalled 获取已安装的包
 func (c *DependencyController) GetInstalled(ctx *gin.Context) {
-	depType := ctx.Query("type")
+	language := ctx.Query("language")
-	if depType == "" {
+	langVersion := ctx.Query("lang_version")
-		utils.BadRequest(ctx, "缺少 type 参数")
+	if language == "" {
+		utils.BadRequest(ctx, "缺少 language 参数")
 		return
 	}
 
-	packages, err := c.service.GetInstalledPackages(depType)
+	packages, err := c.service.GetInstalledPackages(language, langVersion)
 	if err != nil {
 		utils.ServerError(ctx, "获取已安装包失败: "+err.Error())
 		return

internal/controllers/mise_controller.go

@@ -0,0 +1,62 @@
+package controllers
+
+import (
+	"github.com/engigu/baihu-panel/internal/services"
+	"github.com/engigu/baihu-panel/internal/utils"
+
+	"github.com/gin-gonic/gin"
+)
+
+type MiseController struct {
+	service *services.MiseService
+}
+
+func NewMiseController(service *services.MiseService) *MiseController {
+	return &MiseController{
+		service: service,
+	}
+}
+
+// List 获取语言列表
+func (c *MiseController) List(ctx *gin.Context) {
+	langs, err := c.service.List()
+	if err != nil {
+		utils.ServerError(ctx, "获取语言列表失败: "+err.Error())
+		return
+	}
+	utils.Success(ctx, langs)
+}
+
+// Sync 同步本地环境到数据库
+func (c *MiseController) Sync(ctx *gin.Context) {
+	if err := c.service.Sync(); err != nil {
+		utils.ServerError(ctx, "同步本地环境失败: "+err.Error())
+		return
+	}
+	utils.Success(ctx, nil)
+}
+
+// Plugins 获取可用插件列表
+func (c *MiseController) Plugins(ctx *gin.Context) {
+	plugins, err := c.service.Plugins()
+	if err != nil {
+		utils.ServerError(ctx, "获取插件列表失败: "+err.Error())
+		return
+	}
+	utils.Success(ctx, plugins)
+}
+
+// Versions 获取指定插件的可用版本列表
+func (c *MiseController) Versions(ctx *gin.Context) {
+	plugin := ctx.Query("plugin")
+	if plugin == "" {
+		utils.BadRequest(ctx, "参数 plugin 不能为空")
+		return
+	}
+	versions, err := c.service.Versions(plugin)
+	if err != nil {
+		utils.ServerError(ctx, "获取版本列表失败: "+err.Error())
+		return
+	}
+	utils.Success(ctx, versions)
+}

internal/controllers/task_controller.go

@@ -61,6 +61,8 @@ func (tc *TaskController) CreateTask(c *gin.Context) {
 		WorkDir     string `json:"work_dir"`
 		CleanConfig string `json:"clean_config"`
 		Envs        string `json:"envs"`
+		Language    string `json:"language"`
+		LangVersion string `json:"lang_version"`
 		AgentID     *uint  `json:"agent_id"`
 	}
 
@@ -86,7 +88,7 @@ func (tc *TaskController) CreateTask(c *gin.Context) {
 		workDir = resolveWorkDir(req.WorkDir)
 	}
 
-	task := tc.taskService.CreateTask(req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Type, req.Config, req.AgentID)
+	task := tc.taskService.CreateTask(req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Type, req.Config, req.AgentID, req.Language, req.LangVersion)
 
 	// 如果是 Agent 任务，通知 Agent；否则添加到本地 cron
 	if task.AgentID != nil && *task.AgentID > 0 {
@@ -156,6 +158,8 @@ func (tc *TaskController) UpdateTask(c *gin.Context) {
 		CleanConfig string `json:"clean_config"`
 		Envs        string `json:"envs"`
 		Enabled     bool   `json:"enabled"`
+		Language    string `json:"language"`
+		LangVersion string `json:"lang_version"`
 		AgentID     *uint  `json:"agent_id"`
 	}
 
@@ -177,7 +181,7 @@ func (tc *TaskController) UpdateTask(c *gin.Context) {
 		workDir = resolveWorkDir(req.WorkDir)
 	}
 
-	task := tc.taskService.UpdateTask(id, req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Enabled, req.Type, req.Config, req.AgentID)
+	task := tc.taskService.UpdateTask(id, req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Enabled, req.Type, req.Config, req.AgentID, req.Language, req.LangVersion)
 	if task == nil {
 		utils.NotFound(c, "任务不存在")
 		return

internal/database/migrate.go

@@ -23,6 +23,7 @@ func Migrate() error {
 		&models.Dependency{},
 		&models.Agent{},
 		&models.AgentToken{},
+		&models.Language{},
 	)
 }
 
@@ -37,5 +38,14 @@ func customMigrations() error {
 			}
 		}
 	}
+	// 移除 deps 表中的 type 字段（如果存在）
+	if DB.Migrator().HasColumn(&models.Dependency{}, "type") {
+		if err := DB.Migrator().DropColumn(&models.Dependency{}, "type"); err != nil {
+			logger.Debugf("[Database] 移除 deps.type 列失败: %v", err)
+		} else {
+			logger.Infof("[Database] 已成功移除 deps 表中的冗余 type 列")
+		}
+	}
+
 	return nil
 }

internal/executor/cron.go

@@ -78,6 +78,9 @@ func (m *CronManager) AddTask(task CronTask) error {
 	timeout := task.GetTimeout()
 	workDir := task.GetWorkDir()
 	envs := task.GetEnvs()
+	language := task.GetLanguage()
+	langVersion := task.GetLangVersion()
+	useMise := task.UseMise()
 
 	entryID, err := m.cron.AddFunc(task.GetSchedule(), func() {
 		defer func() {
@@ -88,13 +91,16 @@ func (m *CronManager) AddTask(task CronTask) error {
 		m.logger.Infof("[CronManager] 触发计划任务 #%s (%s)", taskID, name)
 
 		req := &ExecutionRequest{
-			TaskID:  taskID,
+			TaskID:      taskID,
-			Name:    name,
+			Name:        name,
-			Command: cmd,
+			Command:     cmd,
-			Type:    TaskTypeCron,
+			Type:        TaskTypeCron,
-			Timeout: timeout,
+			Timeout:     timeout,
-			WorkDir: workDir,
+			WorkDir:     workDir,
-			Envs:    ParseEnvVars(envs),
+			Envs:        ParseEnvVars(envs),
+			Language:    language,
+			LangVersion: langVersion,
+			UseMise:     useMise,
 		}
 
 		// 如果有关联的 Scheduler，加入队列执行
@@ -116,7 +122,12 @@ func (m *CronManager) AddTask(task CronTask) error {
 
 	// 初始触发一次下次运行时间通知
 	go func() {
-		req := &ExecutionRequest{TaskID: taskID, Name: name, Type: TaskTypeCron}
+		req := &ExecutionRequest{
+			TaskID:  taskID,
+			Name:    name,
+			Type:    TaskTypeCron,
+			UseMise: task.UseMise(),
+		}
 		m.triggerNextRunEvent(taskID, req)
 	}()
 

internal/executor/executor.go

@@ -23,20 +23,27 @@ type Task interface {
 	GetTimeout() int
 	GetWorkDir() string
 	GetEnvs() string
+	GetLanguage() string
+	GetLangVersion() string
+	GetUseMise() bool
 }
 
 // CronTask 计划任务接口
 type CronTask interface {
 	Task
 	GetSchedule() string
+	UseMise() bool
 }
 
 // Request 任务执行请求
 type Request struct {
-	Command string
+	Command     string
-	WorkDir string
+	WorkDir     string
-	Envs    []string
+	Envs        []string
-	Timeout int // 任务超时时间（分钟）
+	Timeout     int // 任务超时时间（分钟）
+	Language    string
+	LangVersion string
+	UseMise     bool
 }
 
 // Result 任务执行结果
@@ -96,6 +103,9 @@ func ExecuteWithHooks(ctx context.Context, req Request, stdout, stderr io.Writer
 	defer cancel()
 
 	finalCommand := req.Command
+	if req.UseMise {
+		finalCommand = BuildLanguageCommand(req.Command, req.Language, req.LangVersion)
+	}
 	shell, args := utils.GetShellCommand(finalCommand)
 	cmd := exec.CommandContext(execCtx, shell, args...)
 
@@ -272,6 +282,18 @@ func ExecuteWithHooks(ctx context.Context, req Request, stdout, stderr io.Writer
 	return result, err
 }
 
+// BuildLanguageCommand 构建语言环境执行命令 (使用 mise)
+func BuildLanguageCommand(command, language, version string) string {
+	if language == "" {
+		return command
+	}
+	v := version
+	if v == "" {
+		v = "latest"
+	}
+	return "mise exec " + language + "@" + v + " -- " + command
+}
+
 // ParseEnvVars 解析环境变量字符串 "KEY1=VALUE1,KEY2=VALUE2"
 func ParseEnvVars(envStr string) []string {
 	if envStr == "" {

internal/executor/scheduler.go

@@ -61,15 +61,18 @@ const (
 
 // ExecutionRequest 执行请求（标准接口）
 type ExecutionRequest struct {
-	TaskID   string                 // 任务 ID
+	TaskID      string                 // 任务 ID
-	LogID    uint                   // 日志 ID
+	LogID       uint                   // 日志 ID
-	Name     string                 // 任务名称
+	Name        string                 // 任务名称
-	Type     TaskType               // 任务类型
+	Type        TaskType               // 任务类型
-	Command  string                 // 命令
+	Command     string                 // 命令
-	WorkDir  string                 // 工作目录
+	WorkDir     string                 // 工作目录
-	Envs     []string               // 环境变量
+	Envs        []string               // 环境变量
-	Timeout  int                    // 超时时间（分钟）
+	Timeout     int                    // 超时时间（分钟）
-	Metadata map[string]interface{} // 额外元数据
+	Language    string                 // 语言环境
+	LangVersion string                 // 语言版本
+	UseMise     bool                   // 是否使用 mise
+	Metadata    map[string]interface{} // 额外元数据
 }
 
 // ExecutionResult 执行结果（标准接口）
@@ -194,10 +197,13 @@ func NewScheduler(config SchedulerConfig, handler SchedulerEventHandler) *Schedu
 		executor: func(ctx context.Context, req *ExecutionRequest, stdout, stderr io.Writer) (*Result, error) {
 			hooks := &schedulerHooksAdapter{handler: handler, req: req}
 			return ExecuteWithHooks(ctx, Request{
-				Command: req.Command,
+				Command:     req.Command,
-				WorkDir: req.WorkDir,
+				WorkDir:     req.WorkDir,
-				Envs:    req.Envs,
+				Envs:        req.Envs,
-				Timeout: req.Timeout,
+				Timeout:     req.Timeout,
+				Language:    req.Language,
+				LangVersion: req.LangVersion,
+				UseMise:     req.UseMise,
 			}, stdout, stderr, hooks)
 		},
 		taskQueue:    make(chan *ExecutionRequest, config.QueueSize),
@@ -309,6 +315,12 @@ func (s *Scheduler) executeTask(req *ExecutionRequest) (*ExecutionResult, error)
 
 	s.logger.Infof("[Scheduler] 执行任务 %s (名称: %s, 类型: %s)", req.TaskID, req.Name, req.Type)
 
+	finalCommand := req.Command
+	if req.UseMise {
+		finalCommand = BuildLanguageCommand(req.Command, req.Language, req.LangVersion)
+	}
+	s.logger.Infof("[Scheduler] 实际执行命令: %s", finalCommand)
+
 	if s.config.Verbose {
 		workDir := req.WorkDir
 		if workDir == "" {

internal/models/agent.go

@@ -52,14 +52,16 @@ func (AgentToken) TableName() string {
 
 // AgentTask Agent 任务配置（用于下发给 Agent）
 type AgentTask struct {
-	ID       uint   `json:"id"`
+	ID          uint   `json:"id"`
-	Name     string `json:"name"`
+	Name        string `json:"name"`
-	Command  string `json:"command"`
+	Command     string `json:"command"`
-	Schedule string `json:"schedule"`
+	Schedule    string `json:"schedule"`
-	Timeout  int    `json:"timeout"`
+	Timeout     int    `json:"timeout"`
-	WorkDir  string `json:"work_dir"`
+	WorkDir     string `json:"work_dir"`
-	Envs     string `json:"envs"`
+	Envs        string `json:"envs"`
-	Enabled  bool   `json:"enabled"`
+	Language    string `json:"language"`
+	LangVersion string `json:"lang_version"`
+	Enabled     bool   `json:"enabled"`
 }
 
 // AgentTaskResult Agent 上报的任务执行结果

internal/models/dependency.go

@@ -1,20 +1,22 @@
 package models
 
 import (
-	"github.com/engigu/baihu-panel/internal/constant"
 	"time"
+
+	"github.com/engigu/baihu-panel/internal/constant"
 )
 
 // Dependency 依赖包模型
 type Dependency struct {
-	ID        int       `json:"id" gorm:"primaryKey"`
+	ID          int       `json:"id" gorm:"primaryKey"`
-	Name      string    `json:"name" gorm:"size:100;not null"`
+	Name        string    `json:"name" gorm:"size:100;not null"`
-	Version   string    `json:"version" gorm:"size:50"`
+	Version     string    `json:"version" gorm:"size:50"`
-	Type      string    `json:"type" gorm:"size:10;not null"` // py 或 node
+	Language    string    `json:"language" gorm:"size:100;index"`     // 关联语言 (node, python...)
-	Remark    string    `json:"remark" gorm:"size:255"`
+	LangVersion string    `json:"lang_version" gorm:"size:100;index"` // 关联语言版本
-	Log       string    `json:"log" gorm:"type:text"`
+	Remark      string    `json:"remark" gorm:"size:255"`
-	CreatedAt time.Time `json:"created_at"`
+	Log         string    `json:"log" gorm:"type:text"`
-	UpdatedAt time.Time `json:"updated_at"`
+	CreatedAt   time.Time `json:"created_at"`
+	UpdatedAt   time.Time `json:"updated_at"`
 }
 
 func (Dependency) TableName() string {

internal/models/language.go

@@ -0,0 +1,22 @@
+package models
+
+import (
+	"github.com/engigu/baihu-panel/internal/constant"
+	"gorm.io/gorm"
+)
+
+type Language struct {
+	ID          uint           `json:"id" gorm:"primaryKey"`
+	Plugin      string         `json:"plugin" gorm:"size:100;not null;index"`
+	Version     string         `json:"version" gorm:"size:100;not null;index"`
+	InstallPath string         `json:"install_path" gorm:"size:255"`
+	Source      string         `json:"source" gorm:"size:255"`
+	InstalledAt *LocalTime     `json:"installed_at"`
+	CreatedAt   LocalTime      `json:"created_at"`
+	UpdatedAt   LocalTime      `json:"updated_at"`
+	DeletedAt   gorm.DeletedAt `json:"-" gorm:"index"`
+}
+
+func (Language) TableName() string {
+	return constant.TablePrefix + "languages"
+}

internal/models/task.go

@@ -44,6 +44,8 @@ type Task struct {
 	WorkDir     string         `json:"work_dir" gorm:"size:255;default:''"`     // 工作目录，为空则使用 scripts 目录
 	CleanConfig string         `json:"clean_config" gorm:"size:255;default:''"` // 清理配置 JSON
 	Envs        string         `json:"envs" gorm:"size:255;default:''"`         // 环境变量ID列表，逗号分隔
+	Language    string         `json:"language" gorm:"size:50;default:''"`      // 针对本地任务的语言名称 (mise)
+	LangVersion string         `json:"lang_version" gorm:"size:50;default:''"`  // 针对本地任务的语言版本 (mise)
 	AgentID     *uint          `json:"agent_id" gorm:"index"`                   // Agent ID，为空表示本地执行
 	Enabled     bool           `json:"enabled" gorm:"default:true"`
 	RunningGo   string         `json:"running_go" gorm:"type:text"` // 正在运行的 go routine id 数组 (JSON)
@@ -82,6 +84,22 @@ func (t *Task) GetEnvs() string {
 	return t.Envs
 }
 
+func (t *Task) GetLanguage() string {
+	return t.Language
+}
+
+func (t *Task) GetLangVersion() string {
+	return t.LangVersion
+}
+
+func (t *Task) GetUseMise() bool {
+	return t.AgentID == nil || *t.AgentID == 0
+}
+
+func (t *Task) UseMise() bool {
+	return t.GetUseMise()
+}
+
 func (t *Task) GetSchedule() string {
 	return t.Schedule
 }

internal/models/vo/dep_vo.go

@@ -8,14 +8,15 @@ import (
 
 // DependencyVO 依赖包视图对象
 type DependencyVO struct {
-	ID        int       `json:"id"`
+	ID          int       `json:"id"`
-	Name      string    `json:"name"`
+	Name        string    `json:"name"`
-	Version   string    `json:"version"`
+	Version     string    `json:"version"`
-	Type      string    `json:"type"`
+	Language    string    `json:"language"`
-	Remark    string    `json:"remark"`
+	LangVersion string    `json:"lang_version"`
-	Log       string    `json:"log,omitempty"` // 仅在需要时返回
+	Remark      string    `json:"remark"`
-	CreatedAt time.Time `json:"created_at"`
+	Log         string    `json:"log,omitempty"` // 仅在需要时返回
-	UpdatedAt time.Time `json:"updated_at"`
+	CreatedAt   time.Time `json:"created_at"`
+	UpdatedAt   time.Time `json:"updated_at"`
 }
 
 // ToDependencyVO 将 Dependency 模型转换为 DependencyVO
@@ -24,14 +25,15 @@ func ToDependencyVO(dep *models.Dependency) *DependencyVO {
 		return nil
 	}
 	return &DependencyVO{
-		ID:        dep.ID,
+		ID:          dep.ID,
-		Name:      dep.Name,
+		Name:        dep.Name,
-		Version:   dep.Version,
+		Version:     dep.Version,
-		Type:      dep.Type,
+		Language:    dep.Language,
-		Remark:    dep.Remark,
+		LangVersion: dep.LangVersion,
-		Log:       dep.Log,
+		Remark:      dep.Remark,
-		CreatedAt: dep.CreatedAt,
+		Log:         dep.Log,
-		UpdatedAt: dep.UpdatedAt,
+		CreatedAt:   dep.CreatedAt,
+		UpdatedAt:   dep.UpdatedAt,
 	}
 }
 

internal/models/vo/task_vo.go

@@ -17,6 +17,8 @@ type TaskVO struct {
 	WorkDir     string            `json:"work_dir"`
 	CleanConfig string            `json:"clean_config"`
 	Envs        string            `json:"envs"`
+	Language    string            `json:"language"`
+	LangVersion string            `json:"lang_version"`
 	AgentID     *uint             `json:"agent_id"`
 	Enabled     bool              `json:"enabled"`
 	LastRun     *models.LocalTime `json:"last_run"`
@@ -41,6 +43,8 @@ func ToTaskVO(task *models.Task) *TaskVO {
 		WorkDir:     task.WorkDir,
 		CleanConfig: task.CleanConfig,
 		Envs:        task.Envs,
+		Language:    task.Language,
+		LangVersion: task.LangVersion,
 		AgentID:     task.AgentID,
 		Enabled:     task.Enabled,
 		LastRun:     task.LastRun,

internal/router/register.go

@@ -52,6 +52,7 @@ func RegisterControllers() *Controllers {
 		Settings:   controllers.NewSettingsController(userService, loginLogService, executorService),
 		Dependency: controllers.NewDependencyController(),
 		Agent:      controllers.NewAgentController(settingsService),
+		Mise:       controllers.NewMiseController(services.NewMiseService()),
 	}
 }
 

internal/router/router.go

@@ -27,6 +27,7 @@ type Controllers struct {
 	Settings   *controllers.SettingsController
 	Dependency *controllers.DependencyController
 	Agent      *controllers.AgentController
+	Mise       *controllers.MiseController
 }
 
 func mustSubFS(fsys fs.FS, dir string) fs.FS {
@@ -202,9 +203,11 @@ func Setup(c *Controllers) *gin.Engine {
 				deps.POST("", c.Dependency.Create)
 				deps.DELETE("/:id", c.Dependency.Delete)
 				deps.POST("/install", c.Dependency.Install)
+				deps.POST("/install-cmd", c.Dependency.GetInstallCommand)
 				deps.POST("/uninstall/:id", c.Dependency.Uninstall)
 				deps.POST("/reinstall/:id", c.Dependency.Reinstall)
 				deps.POST("/reinstall-all", c.Dependency.ReinstallAll)
+				deps.POST("/reinstall-all-cmd", c.Dependency.GetReinstallAllCommand)
 				deps.GET("/installed", c.Dependency.GetInstalled)
 			}
 
@@ -223,6 +226,15 @@ func Setup(c *Controllers) *gin.Engine {
 				agents.DELETE("/tokens/:id", c.Agent.DeleteToken)
 			}
 
+			// Mise routes (Mise 管理)
+			mise := authorized.Group("/mise")
+			{
+				mise.GET("/ls", c.Mise.List)
+				mise.POST("/sync", c.Mise.Sync)
+				mise.GET("/plugins", c.Mise.Plugins)
+				mise.GET("/versions", c.Mise.Versions)
+			}
+
 			// Agent API（供前端调用，保持在 v1 下）
 			agentAPIv1 := authorized.Group("/agent")
 			{

internal/services/agent_service.go

@@ -311,14 +311,16 @@ func (s *AgentService) GetTasks(agentID uint) []models.AgentTask {
 		envVarsStr := s.buildEnvVarsString(task.Envs)
 
 		result[i] = models.AgentTask{
-			ID:       task.ID,
+			ID:          task.ID,
-			Name:     task.Name,
+			Name:        task.Name,
-			Command:  task.Command,
+			Command:     task.Command,
-			Schedule: task.Schedule,
+			Schedule:    task.Schedule,
-			Timeout:  task.Timeout,
+			Timeout:     task.Timeout,
-			WorkDir:  task.WorkDir,
+			WorkDir:     task.WorkDir,
-			Envs:     envVarsStr, // 传递 "KEY1=VALUE1,KEY2=VALUE2" 格式
+			Envs:        envVarsStr, // 传递 "KEY1=VALUE1,KEY2=VALUE2" 格式
-			Enabled:  task.Enabled,
+			Language:    task.Language,
+			LangVersion: task.LangVersion,
+			Enabled:     task.Enabled,
 		}
 	}
 

internal/services/backup_service.go

@@ -51,6 +51,8 @@ func (s *BackupService) getTableConfigs() []tableConfig {
 		{"login_logs.json", s.exportTable(&[]models.LoginLog{}, false), s.restoreTable(&[]models.LoginLog{}, false)},
 		{"agents.json", s.exportTable(&[]models.Agent{}, true), s.restoreTable(&[]models.Agent{}, true)},
 		{"tokens.json", s.exportTable(&[]models.AgentToken{}, true), s.restoreTable(&[]models.AgentToken{}, true)},
+		{"languages.json", s.exportTable(&[]models.Language{}, true), s.restoreTable(&[]models.Language{}, true)},
+		{"deps.json", s.exportTable(&[]models.Dependency{}, true), s.restoreTable(&[]models.Dependency{}, true)},
 	}
 }
 
@@ -153,6 +155,20 @@ func (s *BackupService) CreateBackup() (string, error) {
 		}
 	}
 
+	// 写入元数据信息
+	sysInfo := map[string]interface{}{
+		"version": "v2",
+		"ts":      time.Now().Format("2006-01-02 15:04:05"),
+	}
+	sysFile, err := zipWriter.Create("__sys__.json")
+	if err != nil {
+		return "", err
+	}
+	sysData, _ := json.MarshalIndent(sysInfo, "", "  ")
+	if _, err := sysFile.Write(sysData); err != nil {
+		return "", err
+	}
+
 	// 打包 scripts 文件夹
 	scriptsDir := constant.ScriptsWorkDir
 	if _, err := os.Stat(scriptsDir); err == nil {
@@ -192,6 +208,8 @@ func (s *BackupService) Restore(zipPath string) error {
 		tx.Unscoped().Where("1=1").Delete(&models.LoginLog{})
 		tx.Unscoped().Where("1=1").Delete(&models.Agent{})
 		tx.Unscoped().Where("1=1").Delete(&models.AgentToken{})
+		tx.Unscoped().Where("1=1").Delete(&models.Language{})
+		tx.Unscoped().Where("1=1").Delete(&models.Dependency{})
 
 		// 2. 依次恢复每个表
 		for _, cfg := range configs {
@@ -258,6 +276,10 @@ func (s *BackupService) restoreFromZipFile(tx *gorm.DB, f *zip.File, filename st
 			return &models.Agent{}
 		case "tokens.json":
 			return &models.AgentToken{}
+		case "languages.json":
+			return &models.Language{}
+		case "deps.json":
+			return &models.Dependency{}
 		default:
 			return nil
 		}

internal/services/dependency_service.go

@@ -2,12 +2,10 @@ package services
 
 import (
 	"errors"
-	"os/exec"
-	"strings"
 
 	"github.com/engigu/baihu-panel/internal/database"
-	"github.com/engigu/baihu-panel/internal/logger"
 	"github.com/engigu/baihu-panel/internal/models"
+	"github.com/engigu/baihu-panel/internal/services/deps"
 )
 
 type DependencyService struct{}
@@ -17,21 +15,25 @@ func NewDependencyService() *DependencyService {
 }
 
 // List 获取依赖列表
-func (s *DependencyService) List(depType string) ([]models.Dependency, error) {
+func (s *DependencyService) List(language, langVersion string) ([]models.Dependency, error) {
-	var deps []models.Dependency
+	var results []models.Dependency
 	query := database.DB
-	if depType != "" {
+	if language != "" {
-		query = query.Where("type = ?", depType)
+		query = query.Where("language = ?", language)
 	}
-	err := query.Order("id desc").Find(&deps).Error
+	if langVersion != "" {
-	return deps, err
+		query = query.Where("lang_version = ?", langVersion)
+	}
+	err := query.Order("id desc").Find(&results).Error
+	return results, err
 }
 
 // Create 创建依赖记录
 func (s *DependencyService) Create(dep *models.Dependency) error {
-	// 检查是否已存在
+	// 检查是否已存在（名称、语言、版本 必须完全匹配）
 	var existing models.Dependency
-	if err := database.DB.Where("name = ? AND type = ?", dep.Name, dep.Type).First(&existing).Error; err == nil {
+	err := database.DB.Where("name = ? AND language = ? AND lang_version = ?", dep.Name, dep.Language, dep.LangVersion).First(&existing).Error
+	if err == nil {
 		return errors.New("依赖已存在")
 	}
 	return database.DB.Create(dep).Error
@@ -44,134 +46,51 @@ func (s *DependencyService) Delete(id int) error {
 
 // Install 安装依赖
 func (s *DependencyService) Install(dep *models.Dependency) error {
-	var cmd *exec.Cmd
+	m := deps.GetManager(dep.Language)
-	var packageSpec string
+	if m == nil {
-
+		return errors.New("不支持的依赖类型: " + dep.Language)
-	if dep.Version != "" {
-		if dep.Type == "py" {
-			packageSpec = dep.Name + "==" + dep.Version
-		} else {
-			packageSpec = dep.Name + "@" + dep.Version
-		}
-	} else {
-		packageSpec = dep.Name
 	}
-
+	return m.Install(dep)
-	switch dep.Type {
-	case "py":
-		cmd = exec.Command("pip", "install", packageSpec)
-	case "node":
-		cmd = exec.Command("npm", "install", "-g", packageSpec)
-	default:
-		return errors.New("不支持的依赖类型")
-	}
-
-	logger.Infof("Installing %s package: %s", dep.Type, packageSpec)
-	output, err := cmd.CombinedOutput()
-	dep.Log = string(output)
-
-	if err != nil {
-		logger.Errorf("Install failed: %v, output: %s", err, string(output))
-		return errors.New("安装失败: " + string(output))
-	}
-	logger.Infof("Install success: %s", packageSpec)
-
-	return nil
 }
 
 // Uninstall 卸载依赖
 func (s *DependencyService) Uninstall(dep *models.Dependency) error {
-	var cmd *exec.Cmd
+	m := deps.GetManager(dep.Language)
-
+	if m == nil {
-	switch dep.Type {
+		return errors.New("不支持的依赖类型: " + dep.Language)
-	case "py":
-		cmd = exec.Command("pip", "uninstall", "-y", dep.Name)
-	case "node":
-		cmd = exec.Command("npm", "uninstall", "-g", dep.Name)
-	default:
-		return errors.New("不支持的依赖类型")
 	}
-
+	return m.Uninstall(dep)
-	logger.Infof("Uninstalling %s package: %s", dep.Type, dep.Name)
-	output, err := cmd.CombinedOutput()
-	if err != nil {
-		logger.Errorf("Uninstall failed: %v, output: %s", err, string(output))
-		return errors.New("卸载失败: " + string(output))
-	}
-
-	return nil
 }
 
 // GetInstalledPackages 获取已安装的包列表
-func (s *DependencyService) GetInstalledPackages(depType string) ([]models.Dependency, error) {
+func (s *DependencyService) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
-	var packages []models.Dependency
+	m := deps.GetManager(language)
-
+	if m == nil {
-	switch depType {
+		return nil, errors.New("不支持的依赖类型: " + language)
-	case "py":
-		return s.getPipPackages()
-	case "node":
-		return s.getNpmPackages()
-	default:
-		return packages, errors.New("不支持的依赖类型")
 	}
+	return m.GetInstalledPackages(language, langVersion)
 }
 
-// getPipPackages 获取 pip 已安装的包
+// GetInstallCommand 获取安装命令
-func (s *DependencyService) getPipPackages() ([]models.Dependency, error) {
+func (s *DependencyService) GetInstallCommand(dep *models.Dependency) (string, error) {
-	cmd := exec.Command("pip", "list", "--format=freeze")
+	m := deps.GetManager(dep.Language)
-	output, err := cmd.Output()
+	if m == nil {
+		return "", errors.New("不支持的依赖类型: " + dep.Language)
+	}
+	return m.GetInstallCommand(dep)
+}
+
+// GetReinstallAllCommand 获取全部重装命令
+func (s *DependencyService) GetReinstallAllCommand(language, langVersion string) (string, error) {
+	m := deps.GetManager(language)
+	if m == nil {
+		return "", errors.New("不支持的依赖类型: " + language)
+	}
+
+	deps_list, err := s.List(language, langVersion)
 	if err != nil {
-		return nil, err
+		return "", err
 	}
 
-	var packages []models.Dependency
+	return m.GetReinstallAllCommand(deps_list)
-	lines := strings.Split(string(output), "\n")
-	for _, line := range lines {
-		line = strings.TrimSpace(line)
-		if line == "" {
-			continue
-		}
-		parts := strings.SplitN(line, "==", 2)
-		pkg := models.Dependency{
-			Name: parts[0],
-			Type: "py",
-		}
-		if len(parts) > 1 {
-			pkg.Version = parts[1]
-		}
-		packages = append(packages, pkg)
-	}
-
-	return packages, nil
-}
-
-// getNpmPackages 获取 npm 全局安装的包
-func (s *DependencyService) getNpmPackages() ([]models.Dependency, error) {
-	cmd := exec.Command("npm", "list", "-g", "--depth=0", "--json")
-	output, err := cmd.Output()
-	if err != nil {
-		// npm list 在没有包时也会返回错误，忽略
-	}
-
-	var packages []models.Dependency
-	// 简单解析，不用 json 库
-	lines := strings.Split(string(output), "\n")
-	for _, line := range lines {
-		line = strings.TrimSpace(line)
-		if strings.Contains(line, `"version"`) {
-			continue
-		}
-		if strings.HasPrefix(line, `"`) && strings.Contains(line, ":") {
-			// 格式: "package-name": {
-			name := strings.Trim(strings.Split(line, ":")[0], `" `)
-			if name != "" && name != "dependencies" {
-				packages = append(packages, models.Dependency{
-					Name: name,
-					Type: "node",
-				})
-			}
-		}
-	}
-
-	return packages, nil
 }

internal/services/deps/bun.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type BunManager struct {
+	BaseManager
+}
+
+func NewBunManager(language string) *BunManager {
+	return &BunManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"bun", "add", "-g"},
+			UninstallCmd: []string{"bun", "remove", "-g"},
+			ListCmd:      []string{"bun", "pm", "ls", "-g"},
+			Separator:    "@",
+		},
+	}
+}
+
+func (m *BunManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, "Tool") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/crystal.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type CrystalManager struct {
+	BaseManager
+}
+
+func NewCrystalManager(language string) *CrystalManager {
+	return &CrystalManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"shards", "install"}, // 主要是针对当前目录，但 mise exec 下可以安装 tools
+			UninstallCmd: []string{"rm", "-rf"},         // 这里的逻辑可能不完全正确
+			ListCmd:      []string{"shards", "list"},
+			Separator:    " ",
+		},
+	}
+}
+
+func (m *CrystalManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, "Shards") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 1 {
+			packages = append(packages, models.Dependency{Name: fields[1], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/dart.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type DartManager struct {
+	BaseManager
+}
+
+func NewDartManager(language string) *DartManager {
+	return &DartManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"dart", "pub", "global", "activate"},
+			UninstallCmd: []string{"dart", "pub", "global", "deactivate"},
+			ListCmd:      []string{"dart", "pub", "global", "list"},
+			Separator:    " ",
+		},
+	}
+}
+
+func (m *DartManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/deno.go

@@ -0,0 +1,26 @@
+package deps
+
+import (
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type DenoManager struct {
+	BaseManager
+}
+
+func NewDenoManager(language string) *DenoManager {
+	return &DenoManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"deno", "install", "--global", "-A"},
+			UninstallCmd: []string{"deno", "uninstall"},
+			ListCmd:      []string{"ls", "-1", "/root/.deno/bin"}, // 这是一个简单的 fallback 尝试
+			Separator:    "@",
+		},
+	}
+}
+
+func (m *DenoManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	// Deno 没有官方的 list 命令，暂时留空或通过文件系统猜测
+	return []models.Dependency{}, nil
+}

internal/services/deps/dotnet.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type DotnetManager struct {
+	BaseManager
+}
+
+func NewDotnetManager(language string) *DotnetManager {
+	return &DotnetManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"dotnet", "tool", "install", "-g"},
+			UninstallCmd: []string{"dotnet", "tool", "uninstall", "-g"},
+			ListCmd:      []string{"dotnet", "tool", "list", "-g"},
+			Separator:    " ",
+		},
+	}
+}
+
+func (m *DotnetManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for i, line := range lines {
+		line = strings.TrimSpace(line)
+		if i < 2 || line == "" { // 跳过表头
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language, Version: fields[1]})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/elixir.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type ElixirManager struct {
+	BaseManager
+}
+
+func NewElixirManager(language string) *ElixirManager {
+	return &ElixirManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"mix", "archive.install", "hex", "--force"},
+			UninstallCmd: []string{"mix", "archive.uninstall"},
+			ListCmd:      []string{"mix", "archive"},
+			Separator:    " ",
+		},
+	}
+}
+
+func (m *ElixirManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, "*") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/go.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type GoManager struct {
+	BaseManager
+}
+
+func NewGoManager(language string) *GoManager {
+	return &GoManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"go", "install"},
+			UninstallCmd: []string{"go", "clean", "-i"},
+			ListCmd:      []string{"go", "list", "..."},
+			Separator:    "@",
+		},
+	}
+}
+
+func (m *GoManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, "Tool") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/lua.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type LuaManager struct {
+	BaseManager
+}
+
+func NewLuaManager(language string) *LuaManager {
+	return &LuaManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"luarocks", "install"},
+			UninstallCmd: []string{"luarocks", "remove"},
+			ListCmd:      []string{"luarocks", "list"},
+			Separator:    " ",
+		},
+	}
+}
+
+func (m *LuaManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, "Rock") || strings.HasPrefix(line, "--") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/manager.go

@@ -0,0 +1,174 @@
+package deps
+
+import (
+	"errors"
+	"os/exec"
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+// Manager 依赖管理器接口
+type Manager interface {
+	Install(dep *models.Dependency) error
+	Uninstall(dep *models.Dependency) error
+	GetInstalledPackages(language, langVersion string) ([]models.Dependency, error)
+	GetInstallCommand(dep *models.Dependency) (string, error)
+	GetReinstallAllCommand(deps []models.Dependency) (string, error)
+}
+
+// BaseManager 基础管理器，提供通用方法
+type BaseManager struct {
+	Language     string
+	InstallCmd   []string
+	UninstallCmd []string
+	ListCmd      []string
+	Separator    string
+}
+
+func (m *BaseManager) runMiseCommand(langVersion string, cmdArgs []string) ([]byte, error) {
+	var args []string
+	if langVersion != "" {
+		args = []string{"mise", "exec", m.Language + "@" + langVersion, "--"}
+	}
+	args = append(args, cmdArgs...)
+
+	cmd := exec.Command(args[0], args[1:]...)
+	return cmd.CombinedOutput()
+}
+
+func (m *BaseManager) Install(dep *models.Dependency) error {
+	var packageSpec string
+	if dep.Version != "" {
+		packageSpec = dep.Name + m.Separator + dep.Version
+	} else {
+		packageSpec = dep.Name
+	}
+
+	args := append([]string{}, m.InstallCmd...)
+	args = append(args, packageSpec)
+
+	logger.Infof("Installing %s package: %s", m.Language, packageSpec)
+	output, err := m.runMiseCommand(dep.LangVersion, args)
+	dep.Log = string(output)
+
+	if err != nil {
+		logger.Errorf("Install failed: %v, output: %s", err, string(output))
+		return errors.New("安装失败: " + string(output))
+	}
+	logger.Infof("Install success: %s", packageSpec)
+	return nil
+}
+
+func (m *BaseManager) GetInstallCommand(dep *models.Dependency) (string, error) {
+	var packageSpec string
+	if dep.Version != "" {
+		packageSpec = dep.Name + m.Separator + dep.Version
+	} else {
+		packageSpec = dep.Name
+	}
+
+	var args []string
+	if dep.LangVersion != "" {
+		args = []string{"mise", "exec", m.Language + "@" + dep.LangVersion, "--"}
+	}
+	args = append(args, m.InstallCmd...)
+	args = append(args, packageSpec)
+
+	fullCmd := strings.Join(args, " ")
+	return fullCmd + " && echo \"__INSTALL_SUCCESS__\" || echo \"__INSTALL_FAILED__\"", nil
+}
+
+func (m *BaseManager) GetReinstallAllCommand(deps []models.Dependency) (string, error) {
+	if len(deps) == 0 {
+		return "echo \"没有需要安装的依赖\"", nil
+	}
+
+	var packageSpecs []string
+	var langVersion string
+	for _, dep := range deps {
+		if dep.LangVersion != "" {
+			langVersion = dep.LangVersion
+		}
+		if dep.Version != "" {
+			packageSpecs = append(packageSpecs, dep.Name+m.Separator+dep.Version)
+		} else {
+			packageSpecs = append(packageSpecs, dep.Name)
+		}
+	}
+
+	var args []string
+	if langVersion != "" {
+		args = []string{"mise", "exec", m.Language + "@" + langVersion, "--"}
+	}
+	args = append(args, m.InstallCmd...)
+	args = append(args, packageSpecs...)
+
+	fullCmd := strings.Join(args, " ")
+	return fullCmd + " && echo \"__INSTALL_SUCCESS__\" || echo \"__INSTALL_FAILED__\"", nil
+}
+
+func (m *BaseManager) Uninstall(dep *models.Dependency) error {
+	args := append([]string{}, m.UninstallCmd...)
+	args = append(args, dep.Name)
+
+	logger.Infof("Uninstalling %s package: %s", m.Language, dep.Name)
+	output, err := m.runMiseCommand(dep.LangVersion, args)
+	if err != nil {
+		logger.Errorf("Uninstall failed: %v, output: %s", err, string(output))
+		return errors.New("卸载失败: " + string(output))
+	}
+	return nil
+}
+
+// GetManager 根据语言获取对应的管理器
+func GetManager(language string) Manager {
+	lang := strings.ToLower(language)
+	if strings.Contains(lang, "python") {
+		return NewPythonManager(language)
+	}
+	if strings.Contains(lang, "node") {
+		return NewNodeManager(language)
+	}
+	if strings.Contains(lang, "ruby") {
+		return NewRubyManager(language)
+	}
+	if strings.Contains(lang, "go") {
+		return NewGoManager(language)
+	}
+	if strings.Contains(lang, "rust") {
+		return NewRustManager(language)
+	}
+	if strings.Contains(lang, "bun") {
+		return NewBunManager(language)
+	}
+	if strings.Contains(lang, "php") {
+		return NewPhpManager(language)
+	}
+	if strings.Contains(lang, "deno") {
+		return NewDenoManager(language)
+	}
+	if strings.Contains(lang, "dotnet") {
+		return NewDotnetManager(language)
+	}
+	if strings.Contains(lang, "elixir") || strings.Contains(lang, "erlang") {
+		return NewElixirManager(language)
+	}
+	if strings.Contains(lang, "lua") {
+		return NewLuaManager(language)
+	}
+	if strings.Contains(lang, "nim") {
+		return NewNimManager(language)
+	}
+	if strings.Contains(lang, "dart") || strings.Contains(lang, "flutter") {
+		return NewDartManager(language)
+	}
+	if strings.Contains(lang, "perl") {
+		return NewPerlManager(language)
+	}
+	if strings.Contains(lang, "crystal") {
+		return NewCrystalManager(language)
+	}
+	return nil
+}

internal/services/deps/nim.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type NimManager struct {
+	BaseManager
+}
+
+func NewNimManager(language string) *NimManager {
+	return &NimManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"nimble", "install", "-y"},
+			UninstallCmd: []string{"nimble", "uninstall", "-y"},
+			ListCmd:      []string{"nimble", "list", "-i"},
+			Separator:    "@",
+		},
+	}
+}
+
+func (m *NimManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || !strings.Contains(line, "[") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/node.go

@@ -0,0 +1,47 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type NodeManager struct {
+	BaseManager
+}
+
+func NewNodeManager(language string) *NodeManager {
+	return &NodeManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"npm", "install", "-g"},
+			UninstallCmd: []string{"npm", "uninstall", "-g"},
+			ListCmd:      []string{"npm", "list", "-g", "--depth=0", "--json"},
+			Separator:    "@",
+		},
+	}
+}
+
+func (m *NodeManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if strings.Contains(line, `"version"`) || strings.HasPrefix(line, "{") || strings.HasPrefix(line, "}") || strings.HasPrefix(line, "]") {
+			continue
+		}
+		if strings.HasPrefix(line, `"`) && strings.Contains(line, ":") {
+			name := strings.Trim(strings.Split(line, ":")[0], `" `)
+			if name != "" && name != "dependencies" && name != "name" {
+				packages = append(packages, models.Dependency{Name: name, Language: language})
+			}
+		}
+	}
+	return packages, nil
+}

internal/services/deps/perl.go

@@ -0,0 +1,26 @@
+package deps
+
+import (
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type PerlManager struct {
+	BaseManager
+}
+
+func NewPerlManager(language string) *PerlManager {
+	return &PerlManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"cpanm"},                // 需要系统预装 cpanm
+			UninstallCmd: []string{"cpanm", "--uninstall"}, // 部分 cpanm 版本不支持，这是一个占位
+			ListCmd:      []string{"perldoc", "-l"},        // 很难列出所有，暂时简单处理
+			Separator:    " ",
+		},
+	}
+}
+
+func (m *PerlManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	// Perl 依赖列出比较复杂，暂时返回空
+	return []models.Dependency{}, nil
+}

internal/services/deps/php.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type PhpManager struct {
+	BaseManager
+}
+
+func NewPhpManager(language string) *PhpManager {
+	return &PhpManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"composer", "global", "require"},
+			UninstallCmd: []string{"composer", "global", "remove"},
+			ListCmd:      []string{"composer", "global", "show", "--name-only"},
+			Separator:    ":",
+		},
+	}
+}
+
+func (m *PhpManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, "Tool") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/python.go

@@ -0,0 +1,47 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type PythonManager struct {
+	BaseManager
+}
+
+func NewPythonManager(language string) *PythonManager {
+	return &PythonManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"pip", "install"},
+			UninstallCmd: []string{"pip", "uninstall", "-y"},
+			ListCmd:      []string{"pip", "list", "--format=freeze"},
+			Separator:    "==",
+		},
+	}
+}
+
+func (m *PythonManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" {
+			continue
+		}
+		parts := strings.SplitN(line, "==", 2)
+		pkg := models.Dependency{Name: parts[0], Language: language}
+		if len(parts) > 1 {
+			pkg.Version = parts[1]
+		}
+		packages = append(packages, pkg)
+	}
+	return packages, nil
+}

internal/services/deps/ruby.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type RubyManager struct {
+	BaseManager
+}
+
+func NewRubyManager(language string) *RubyManager {
+	return &RubyManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"gem", "install"},
+			UninstallCmd: []string{"gem", "uninstall", "-a", "-x"},
+			ListCmd:      []string{"gem", "list", "--local"},
+			Separator:    " ",
+		},
+	}
+}
+
+func (m *RubyManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, "Tool") || strings.HasPrefix(line, "(") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/deps/rust.go

@@ -0,0 +1,45 @@
+package deps
+
+import (
+	"strings"
+
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+)
+
+type RustManager struct {
+	BaseManager
+}
+
+func NewRustManager(language string) *RustManager {
+	return &RustManager{
+		BaseManager: BaseManager{
+			Language:     language,
+			InstallCmd:   []string{"cargo", "install"},
+			UninstallCmd: []string{"cargo", "uninstall"},
+			ListCmd:      []string{"cargo", "install", "--list"},
+			Separator:    " v",
+		},
+	}
+}
+
+func (m *RustManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
+	output, err := m.runMiseCommand(langVersion, m.ListCmd)
+	if err != nil {
+		logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
+	}
+
+	var packages []models.Dependency
+	lines := strings.Split(string(output), "\n")
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || !strings.Contains(line, " v") {
+			continue
+		}
+		fields := strings.Fields(line)
+		if len(fields) > 0 {
+			packages = append(packages, models.Dependency{Name: fields[0], Language: language})
+		}
+	}
+	return packages, nil
+}

internal/services/mise_service.go

@@ -0,0 +1,322 @@
+package services
+
+import (
+	"encoding/json"
+	"fmt"
+	"os"
+	"os/exec"
+	"sort"
+	"strings"
+	"time"
+
+	"github.com/engigu/baihu-panel/internal/constant"
+	"github.com/engigu/baihu-panel/internal/database"
+	"github.com/engigu/baihu-panel/internal/logger"
+	"github.com/engigu/baihu-panel/internal/models"
+	"gorm.io/gorm"
+)
+
+type MiseService struct{}
+
+func NewMiseService() *MiseService {
+	return &MiseService{}
+}
+
+type MiseLanguage struct {
+	Plugin      string     `json:"plugin"`
+	Version     string     `json:"version"`
+	Source      MiseSource `json:"source"`
+	Active      bool       `json:"active"`
+	InstallPath string     `json:"install_path,omitempty"`
+	InstalledAt string     `json:"installed_at,omitempty"` // 安装日期
+}
+
+type MiseSource struct {
+	Type string `json:"type"`
+	Path string `json:"path"`
+}
+
+// List 从数据库获取已保存的语言列表
+func (s *MiseService) List() ([]MiseLanguage, error) {
+	db := database.GetDB()
+	var models []models.Language
+	if err := db.Order("installed_at DESC, plugin ASC").Find(&models).Error; err != nil {
+		return nil, err
+	}
+
+	result := make([]MiseLanguage, 0, len(models))
+	for _, m := range models {
+		lang := MiseLanguage{
+			Plugin:      m.Plugin,
+			Version:     m.Version,
+			InstallPath: m.InstallPath,
+			Active:      true,
+		}
+		lang.Source.Path = m.Source
+		if m.InstalledAt != nil {
+			lang.InstalledAt = time.Time(*m.InstalledAt).Format("2006-01-02 15:04:05")
+		}
+		result = append(result, lang)
+	}
+	return result, nil
+}
+
+// Sync 实时检测本地 mise 环境并同步到数据库
+func (s *MiseService) Sync() error {
+	// 获取实时数据
+	langs, err := s.fetchLiveLanguages()
+	if err != nil {
+		return err
+	}
+
+	// 同步到数据库
+	s.syncToDB(langs)
+	return nil
+}
+
+// fetchLiveLanguages 实时从系统检测 mise 语言列表
+func (s *MiseService) fetchLiveLanguages() ([]MiseLanguage, error) {
+	// 使用 --json 获取格式化数据
+	cmd := exec.Command("mise", "ls", "--json")
+	// 强制禁用颜色和交互
+	cmd.Env = append(cmd.Env, "MISE_NO_COLOR=1", "TERM=dumb")
+
+	output, err := cmd.Output()
+	if err != nil {
+		logger.Warnf("[Mise] mise ls --json failed: %v", err)
+		return s.listFallback()
+	}
+
+	// 1. 尝试解析为数组格式 [{}, {}]
+	var languages []MiseLanguage
+	if err := json.Unmarshal(output, &languages); err == nil {
+		s.enrichInstallDates(languages)
+		s.enrichSourceInfo(languages)
+		s.sortByInstallDate(languages)
+		return languages, nil
+	}
+
+	// 2. 如果失败，尝试解析为对象格式 {"node": [{}], "python": [{}]}
+	var langMap map[string][]MiseLanguage
+	if err := json.Unmarshal(output, &langMap); err == nil {
+		var result []MiseLanguage
+		for plugin, items := range langMap {
+			for _, item := range items {
+				// 填充插件名称（对象格式中插件名通常是 key）
+				if item.Plugin == "" {
+					item.Plugin = plugin
+				}
+				result = append(result, item)
+			}
+		}
+		s.enrichInstallDates(result)
+		s.enrichSourceInfo(result)
+		s.sortByInstallDate(result)
+		return result, nil
+	}
+
+	return s.listFallback()
+}
+
+func min(a, b int) int {
+	if a < b {
+		return a
+	}
+	return b
+}
+
+func (s *MiseService) listFallback() ([]MiseLanguage, error) {
+	cmd := exec.Command("mise", "ls")
+	cmd.Env = append(cmd.Env, "MISE_NO_COLOR=1", "TERM=dumb")
+	output, err := cmd.CombinedOutput()
+	if err != nil {
+		return nil, fmt.Errorf("mise ls failed: %v, output: %s", err, string(output))
+	}
+
+	lines := strings.Split(string(output), "\n")
+	languages := []MiseLanguage{}
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(strings.ToLower(line), "tool") {
+			continue
+		}
+
+		parts := strings.Fields(line)
+		if len(parts) < 2 {
+			continue
+		}
+
+		lang := MiseLanguage{
+			Plugin:  parts[0],
+			Version: parts[1],
+			Active:  true,
+		}
+		if len(parts) >= 3 {
+			lang.Source = MiseSource{Path: parts[2]}
+		}
+		languages = append(languages, lang)
+	}
+
+	return languages, nil
+}
+
+// Plugins 获取主流的 mise 插件列表 (固定返回以确保速度和稳定性)
+func (s *MiseService) Plugins() ([]string, error) {
+	mainstream := constant.MainstreamMisePlugins
+	logger.Infof("[Mise] Returning fixed list of %d mainstream plugins", len(mainstream))
+	return mainstream, nil
+}
+
+// Versions 获取指定插件的所有可用版本
+func (s *MiseService) Versions(plugin string) ([]string, error) {
+	if plugin == "" {
+		return []string{}, nil
+	}
+
+	// 只获取最新版本列表
+	cmd := exec.Command("mise", "ls-remote", plugin)
+	cmd.Env = append(cmd.Env, "MISE_NO_COLOR=1", "TERM=dumb")
+	output, err := cmd.CombinedOutput()
+
+	if err != nil && len(output) == 0 {
+		logger.Errorf("[Mise] Fetch versions for %s failed: %v", plugin, err)
+		return []string{}, nil
+	}
+
+	lines := strings.Split(string(output), "\n")
+	var versions []string
+	// 倒序排列，优先显示新版本
+	for i := len(lines) - 1; i >= 0; i-- {
+		line := strings.TrimSpace(lines[i])
+		if line == "" || strings.Contains(line, " ") || strings.Contains(line, "Usage:") || line == "latest" {
+			continue
+		}
+		versions = append(versions, line)
+		if len(versions) >= 300 {
+			break
+		}
+	}
+
+	return versions, nil
+}
+
+// enrichInstallDates 为语言列表添加安装日期信息
+func (s *MiseService) enrichInstallDates(languages []MiseLanguage) {
+	for i := range languages {
+		if languages[i].InstallPath != "" {
+			if installDate := s.getInstallDate(languages[i].InstallPath); installDate != "" {
+				languages[i].InstalledAt = installDate
+			}
+		}
+	}
+}
+
+// enrichSourceInfo 为语言列表添加来源信息
+func (s *MiseService) enrichSourceInfo(languages []MiseLanguage) {
+	for i := range languages {
+		// 如果source为空，使用install_path作为来源
+		if languages[i].Source.Type == "" && languages[i].Source.Path == "" {
+			if languages[i].InstallPath != "" {
+				languages[i].Source.Path = languages[i].InstallPath
+			}
+		}
+	}
+}
+
+// getInstallDate 获取安装路径的创建时间
+func (s *MiseService) getInstallDate(installPath string) string {
+	if installPath == "" {
+		return ""
+	}
+
+	fileInfo, err := os.Stat(installPath)
+	if err != nil {
+		logger.Debugf("[Mise] Failed to stat install path %s: %v", installPath, err)
+		return ""
+	}
+
+	// 获取修改时间作为安装时间的近似值
+	modTime := fileInfo.ModTime()
+	return modTime.Format("2006-01-02 15:04:05")
+}
+
+// sortByInstallDate 按安装时间降序排序（最新的在前面）
+func (s *MiseService) sortByInstallDate(languages []MiseLanguage) {
+	sort.Slice(languages, func(i, j int) bool {
+		// 如果都有安装时间，按时间降序排序
+		if languages[i].InstalledAt != "" && languages[j].InstalledAt != "" {
+			return languages[i].InstalledAt > languages[j].InstalledAt
+		}
+		// 有安装时间的排在前面
+		if languages[i].InstalledAt != "" {
+			return true
+		}
+		if languages[j].InstalledAt != "" {
+			return false
+		}
+		// 都没有安装时间，按插件名排序
+		return languages[i].Plugin < languages[j].Plugin
+	})
+}
+
+// syncToDB 将实时检测到的语言信息同步到数据库表中
+func (s *MiseService) syncToDB(languages []MiseLanguage) {
+	db := database.GetDB()
+	if db == nil {
+		return
+	}
+
+	var currentIds []uint
+	for _, lang := range languages {
+		var model models.Language
+		// 以 plugin 和 version 作为联合唯一标识（业务逻辑上）
+		err := db.Where("plugin = ? AND version = ?", lang.Plugin, lang.Version).First(&model).Error
+
+		sourceStr := ""
+		if lang.Source.Path != "" {
+			sourceStr = lang.Source.Path
+		} else if lang.Source.Type != "" {
+			sourceStr = lang.Source.Type
+		}
+
+		var installTime *models.LocalTime
+		if lang.InstalledAt != "" {
+			t, err := time.Parse("2006-01-02 15:04:05", lang.InstalledAt)
+			if err == nil {
+				lt := models.LocalTime(t)
+				installTime = &lt
+			}
+		}
+
+		if err != nil {
+			// 如果不存在，则创建
+			newLang := models.Language{
+				Plugin:      lang.Plugin,
+				Version:     lang.Version,
+				InstallPath: lang.InstallPath,
+				Source:      sourceStr,
+				InstalledAt: installTime,
+			}
+			if err := db.Create(&newLang).Error; err == nil {
+				currentIds = append(currentIds, newLang.ID)
+			}
+		} else {
+			// 如果已存在，更新可能变动的信息
+			updates := map[string]interface{}{
+				"install_path": lang.InstallPath,
+				"source":       sourceStr,
+				"installed_at": installTime,
+			}
+			db.Model(&model).Updates(updates)
+			currentIds = append(currentIds, model.ID)
+		}
+	}
+
+	// 清理数据库中存在但实际 mise 已经卸载的记录
+	if len(currentIds) > 0 {
+		db.Where("id NOT IN ?", currentIds).Delete(&models.Language{})
+	} else {
+		// 如果本地一个都没有，清空表
+		db.Session(&gorm.Session{AllowGlobalUpdate: true}).Delete(&models.Language{})
+	}
+}

internal/services/tasks/executor_service.go

@@ -326,6 +326,7 @@ func (es *ExecutorService) ExecuteDispatcher(ctx context.Context, req *executor.
 			WorkDir: req.WorkDir,
 			Envs:    req.Envs,
 			Timeout: req.Timeout,
+			UseMise: false, // 系统任务不使用 mise
 		}, stdout, stderr)
 	}
 
@@ -351,10 +352,13 @@ func (es *ExecutorService) ExecuteDispatcher(ctx context.Context, req *executor.
 	// 本地任务
 	hooks := &LocalTaskHooks{es: es, logID: req.LogID}
 	return executor.ExecuteWithHooks(ctx, executor.Request{
-		Command: req.Command,
+		Command:     req.Command,
-		WorkDir: req.WorkDir,
+		WorkDir:     req.WorkDir,
-		Envs:    req.Envs,
+		Envs:        req.Envs,
-		Timeout: req.Timeout,
+		Timeout:     req.Timeout,
+		Language:    task.Language,
+		LangVersion: task.LangVersion,
+		UseMise:     true, // 本地业务任务启用 mise
 	}, stdout, stderr, hooks)
 }
 

internal/services/tasks/task_service.go

@@ -11,7 +11,7 @@ func NewTaskService() *TaskService {
 	return &TaskService{}
 }
 
-func (ts *TaskService) CreateTask(name, command, schedule string, timeout int, workDir, cleanConfig, envs, taskType, config string, agentID *uint) *models.Task {
+func (ts *TaskService) CreateTask(name, command, schedule string, timeout int, workDir, cleanConfig, envs, taskType, config string, agentID *uint, language, langVersion string) *models.Task {
 	if taskType == "" {
 		taskType = "task"
 	}
@@ -25,6 +25,8 @@ func (ts *TaskService) CreateTask(name, command, schedule string, timeout int, w
 		WorkDir:     workDir,
 		CleanConfig: cleanConfig,
 		Envs:        envs,
+		Language:    language,
+		LangVersion: langVersion,
 		AgentID:     agentID,
 		Enabled:     true,
 	}
@@ -65,7 +67,7 @@ func (ts *TaskService) GetTaskByID(id int) *models.Task {
 	return &task
 }
 
-func (ts *TaskService) UpdateTask(id int, name, command, schedule string, timeout int, workDir, cleanConfig, envs string, enabled bool, taskType, config string, agentID *uint) *models.Task {
+func (ts *TaskService) UpdateTask(id int, name, command, schedule string, timeout int, workDir, cleanConfig, envs string, enabled bool, taskType, config string, agentID *uint, language, langVersion string) *models.Task {
 	var task models.Task
 	if err := database.DB.First(&task, id).Error; err != nil {
 		return nil
@@ -79,6 +81,8 @@ func (ts *TaskService) UpdateTask(id int, name, command, schedule string, timeou
 	task.Envs = envs
 	task.Enabled = enabled
 	task.AgentID = agentID
+	task.Language = language
+	task.LangVersion = langVersion
 	if taskType != "" {
 		task.Type = taskType
 	}

web/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host 0.0.0.0",
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview"
   },
@@ -44,4 +44,4 @@
     "vite": "^7.2.4",
     "vue-tsc": "^3.1.4"
   }
-}
+}

web/src/api/index.ts

@@ -202,19 +202,34 @@ export const api = {
     }
   },
   deps: {
-    list: (type?: string) => {
+    list: (params?: { language?: string; lang_version?: string }) => {
-      const query = type ? `?type=${type}` : ''
+      const query = new URLSearchParams()
-      return request<Dependency[]>(`/deps${query}`)
+      if (params?.language) query.set('language', params.language)
+      if (params?.lang_version) query.set('lang_version', params.lang_version)
+      return request<Dependency[]>(`/deps?${query}`)
     },
-    create: (data: { name: string; version?: string; type: string; remark?: string }) =>
+    create: (data: { name: string; version?: string; language: string; lang_version?: string; remark?: string }) =>
       request<Dependency>('/deps', { method: 'POST', body: JSON.stringify(data) }),
     delete: (id: number) => request(`/deps/${id}`, { method: 'DELETE' }),
-    install: (data: { name: string; version?: string; type: string; remark?: string }) =>
+    install: (data: any) => request<any>('/deps/install', { method: 'POST', body: JSON.stringify(data) }),
-      request('/deps/install', { method: 'POST', body: JSON.stringify(data) }),
+    getInstallCmd: (data: any) => request<{ command: string }>('/deps/install-cmd', { method: 'POST', body: JSON.stringify(data) }),
-    uninstall: (id: number) => request(`/deps/uninstall/${id}`, { method: 'POST' }),
+    uninstall: (id: number) => request<any>(`/deps/uninstall/${id}`, { method: 'POST' }),
     reinstall: (id: number) => request(`/deps/reinstall/${id}`, { method: 'POST' }),
-    reinstallAll: (type: string) => request(`/deps/reinstall-all?type=${type}`, { method: 'POST' }),
+    reinstallAll: (language: string, lang_version?: string) => {
-    getInstalled: (type: string) => request<Dependency[]>(`/deps/installed?type=${type}`)
+      const query = new URLSearchParams({ language })
+      if (lang_version) query.set('lang_version', lang_version)
+      return request(`/deps/reinstall-all?${query}`, { method: 'POST' })
+    },
+    getReinstallAllCmd: (language: string, lang_version?: string) => {
+      const query = new URLSearchParams({ language })
+      if (lang_version) query.set('lang_version', lang_version)
+      return request<{ command: string }>(`/deps/reinstall-all-cmd?${query}`, { method: 'POST' })
+    },
+    getInstalled: (language: string, lang_version?: string) => {
+      const query = new URLSearchParams({ language })
+      if (lang_version) query.set('lang_version', lang_version)
+      return request<Dependency[]>(`/deps/installed?${query}`)
+    }
   },
   agents: {
     list: () => request<Agent[]>('/agents'),
@@ -229,6 +244,12 @@ export const api = {
     createToken: (data: { remark?: string; max_uses?: number; expires_at?: string }) =>
       request<AgentToken>('/agents/tokens', { method: 'POST', body: JSON.stringify(data) }),
     deleteToken: (id: number) => request('/agents/tokens/' + id, { method: 'DELETE' })
+  },
+  mise: {
+    list: () => request<MiseLanguage[]>('/mise/ls'),
+    sync: () => request<void>('/mise/sync', { method: 'POST' }),
+    plugins: () => request<string[]>('/mise/plugins'),
+    versions: (plugin: string) => request<string[]>(`/mise/versions?plugin=${plugin}`)
   }
 }
 
@@ -250,6 +271,8 @@ export interface Task {
   work_dir: string
   clean_config: string
   envs: string
+  language: string
+  lang_version: string
   agent_id: number | null
   enabled: boolean
   last_run: string
@@ -410,7 +433,8 @@ export interface Dependency {
   id: number
   name: string
   version: string
-  type: string
+  language: string
+  lang_version: string
   remark: string
   log: string
   created_at: string
@@ -446,3 +470,12 @@ export interface AgentToken {
   enabled: boolean
   created_at: string
 }
+
+export interface MiseLanguage {
+  plugin: string
+  version: string
+  source: { type?: string; path?: string } | string
+  active: boolean
+  install_path?: string
+  installed_at?: string  // 安装日期
+}

web/src/components/XTerminal.vue

@@ -20,6 +20,8 @@ const props = withDefaults(
 const emit = defineEmits<{
   connected: []
   disconnected: []
+  success: []
+  failed: []
 }>()
 
 const terminalRef = ref<HTMLDivElement | null>(null)
@@ -39,7 +41,7 @@ function initTerminal(forceConnect = false) {
     terminal.dispose()
     terminal = null
   }
-  
+
   // 确保旧的 WebSocket 完全关闭
   if (ws) {
     if (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING) {
@@ -47,7 +49,7 @@ function initTerminal(forceConnect = false) {
     }
     ws = null
   }
-  
+
   inputBuffer = ''
   isPtyMode = false
 
@@ -65,7 +67,7 @@ function initTerminal(forceConnect = false) {
   fitAddon = new FitAddon()
   terminal.loadAddon(fitAddon)
   terminal.open(terminalRef.value)
-  
+
   // 延迟调用 fit，确保 DOM 已渲染
   setTimeout(() => {
     try {
@@ -74,7 +76,7 @@ function initTerminal(forceConnect = false) {
       // 忽略 fit 错误
     }
   }, 50)
-  
+
   terminal.focus()
 
   // autoConnect 或者强制连接时才连接
@@ -187,6 +189,15 @@ function connectWebSocket() {
       return
     }
     terminal?.write(event.data)
+
+    // 检测安装结果标识
+    if (typeof event.data === 'string') {
+      if (event.data.includes('__INSTALL_SUCCESS__')) {
+        emit('success')
+      } else if (event.data.includes('__INSTALL_FAILED__')) {
+        emit('failed')
+      }
+    }
   }
 
   ws.onclose = () => {

web/src/layouts/MainLayout.vue

@@ -2,7 +2,7 @@
 import { ref, onMounted, computed } from 'vue'
 import { RouterLink, RouterView, useRoute } from 'vue-router'
 import { resetAuthCache } from '@/router'
-import { LayoutDashboard, ListTodo, FileCode, Settings, LogOut, ScrollText, Terminal, Variable, KeyRound, Package, Menu, X, Server } from 'lucide-vue-next'
+import { LayoutDashboard, ListTodo, FileCode, Settings, LogOut, ScrollText, Terminal, Variable, KeyRound, Menu, X, Server, Globe } from 'lucide-vue-next'
 import { Button } from '@/components/ui/button'
 import ThemeToggle from '@/components/ThemeToggle.vue'
 import { api } from '@/api'
@@ -58,7 +58,7 @@ const navItems = [
   { to: '/editor', icon: FileCode, label: '脚本编辑', exact: false },
   { to: '/history', icon: ScrollText, label: '执行历史', exact: true },
   { to: '/environments', icon: Variable, label: '环境变量', exact: true },
-  { to: '/dependencies', icon: Package, label: '依赖管理', exact: true },
+  { to: '/languages', icon: Globe, label: '语言依赖', exact: true },
   { to: '/terminal', icon: Terminal, label: '终端命令', exact: true },
   { to: '/loginlogs', icon: KeyRound, label: '登录日志', exact: true },
   { to: '/settings', icon: Settings, label: '系统设置', exact: true },

web/src/router/index.ts

@@ -42,6 +42,7 @@ const router = createRouter({
         { path: 'editor', name: 'editor', component: () => import('@/views/editor/Editor.vue') },
         { path: 'environments', name: 'environments', component: () => import('@/views/environments/Environments.vue') },
         { path: 'dependencies', name: 'dependencies', component: () => import('@/views/dependencies/Dependencies.vue') },
+        { path: 'languages', name: 'languages', component: () => import('@/views/languages/Languages.vue') },
         { path: 'agents', name: 'agents', component: () => import('@/views/agents/Agents.vue') },
         { path: 'history', name: 'history', component: () => import('@/views/history/History.vue') },
         { path: 'loginlogs', name: 'loginlogs', component: () => import('@/views/loginlogs/LoginLogs.vue') },
@@ -57,7 +58,7 @@ router.beforeEach(async (to, _from, next) => {
   // 首次访问或访问登录页时强制检查
   const forceCheck = !authChecked || to.path === '/login'
   const isAuthenticated = await getAuthStatus(forceCheck)
-  
+
   // 检查是否需要认证
   if (to.matched.some(record => record.meta.requiresAuth)) {
     if (isAuthenticated) {

web/src/views/dependencies/Dependencies.vue

@@ -1,23 +1,29 @@
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, watch } from 'vue'
+import { useRoute } from 'vue-router'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
 import { Badge } from '@/components/ui/badge'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogDescription } from '@/components/ui/dialog'
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from '@/components/ui/alert-dialog'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { Trash2, Package, Search, RefreshCw, Loader2, Download, FileText, RotateCw, ChevronLeft, Terminal as TerminalIcon, X } from 'lucide-vue-next'
-import { Trash2, Package, Search, RefreshCw, Loader2, Download, FileText, RotateCw, AlertTriangle } from 'lucide-vue-next'
 import { api, type Dependency } from '@/api'
 import TextOverflow from '@/components/TextOverflow.vue'
+import XTerminal from '@/components/XTerminal.vue'
 import { toast } from 'vue-sonner'
 
-const activeTab = ref('py')
+const route = useRoute()
+const language = computed(() => route.query.language as string || '')
+const langVersion = computed(() => route.query.version as string || '')
+
+const activeTab = ref('python')
 const deps = ref<Dependency[]>([])
 const loading = ref(false)
 const installing = ref(false)
 const reinstalling = ref<number | null>(null)
 const reinstallingAll = ref(false)
+const installedLangs = ref<string[]>([])
 
 // 安装对话框
 const showInstallDialog = ref(false)
@@ -34,11 +40,18 @@ const showLogDialog = ref(false)
 const logContent = ref('')
 const logPkgName = ref('')
 
+// 终端状态
+const showTerminalDialog = ref(false)
+const terminalCommand = ref('')
+const terminalTitle = ref('依赖安装')
+const isInstallSuccess = ref(false)
+const pendingInstall = ref<{ name: string; version?: string; language: string; lang_version?: string; remark?: string } | null>(null)
+
 // 搜索
 const searchQuery = ref('')
 
 const filteredDeps = computed(() => {
-  const list = deps.value.filter(d => d.type === activeTab.value)
+  const list = deps.value.filter(d => d.language === activeTab.value)
   if (!searchQuery.value) return list
   const q = searchQuery.value.toLowerCase()
   return list.filter(d => d.name.toLowerCase().includes(q))
@@ -47,7 +60,10 @@ const filteredDeps = computed(() => {
 async function loadDeps() {
   loading.value = true
   try {
-    deps.value = await api.deps.list()
+    deps.value = await api.deps.list({
+      language: language.value || activeTab.value,
+      lang_version: langVersion.value
+    })
   } catch {
     toast.error('加载依赖列表失败')
   } finally {
@@ -55,6 +71,23 @@ async function loadDeps() {
   }
 }
 
+async function loadInstalledLangs() {
+  try {
+    const langs = await api.mise.list()
+    // 获取去重后的插件名，按字母排序
+    installedLangs.value = [...new Set(langs.map(l => l.plugin))].sort()
+
+    // 如果当前 activeTab 不在已安装列表中，且不是 system，则默认选中第一个
+    if (activeTab.value !== 'system' && !installedLangs.value.includes(activeTab.value)) {
+      if (installedLangs.value.length > 0) {
+        activeTab.value = installedLangs.value[0]!
+      }
+    }
+  } catch {
+    toast.error('获取已安装环境失败')
+  }
+}
+
 function openInstallDialog() {
   newPkgName.value = ''
   newPkgVersion.value = ''
@@ -67,24 +100,51 @@ async function installPackage() {
     toast.error('请输入包名')
     return
   }
+
+  const pkgData = {
+    name: newPkgName.value.trim(),
+    version: newPkgVersion.value.trim() || undefined,
+    remark: newPkgRemark.value.trim() || undefined,
+    language: language.value || activeTab.value,
+    lang_version: langVersion.value || undefined
+  }
+
   installing.value = true
+  isInstallSuccess.value = false // 重置状态
   try {
-    await api.deps.install({
+    const { command } = await api.deps.getInstallCmd(pkgData)
-      name: newPkgName.value.trim(),
+    terminalCommand.value = command
-      version: newPkgVersion.value.trim() || undefined,
+    terminalTitle.value = `安装: ${pkgData.name}`
-      type: activeTab.value,
+    pendingInstall.value = pkgData
-      remark: newPkgRemark.value.trim() || undefined
-    })
-    toast.success('安装成功')
     showInstallDialog.value = false
-    await loadDeps()
+    showTerminalDialog.value = true
   } catch (e: unknown) {
-    toast.error((e as Error).message || '安装失败')
+    toast.error((e as Error).message || '获取安装命令失败')
   } finally {
     installing.value = false
   }
 }
 
+async function handleTerminalClose() {
+  if (pendingInstall.value && isInstallSuccess.value) {
+    try {
+      // 终端关闭后，仅在成功时尝试在数据库中记录
+      await api.deps.create(pendingInstall.value)
+      toast.success('依赖记录已更新')
+    } catch (e: any) {
+      if (e.message !== '依赖已存在') {
+        toast.error('记录依赖失败: ' + e.message)
+      }
+    }
+  } else if (pendingInstall.value && !isInstallSuccess.value) {
+    toast.error('安装未成功，记录未保存')
+  }
+
+  pendingInstall.value = null
+  isInstallSuccess.value = false
+  loadDeps()
+}
+
 function confirmDelete(dep: Dependency) {
   depToDelete.value = dep
   showDeleteDialog.value = true
@@ -113,11 +173,18 @@ function showLog(dep: Dependency) {
 async function reinstallPackage(dep: Dependency) {
   reinstalling.value = dep.id
   try {
-    await api.deps.reinstall(dep.id)
+    const { command } = await api.deps.getInstallCmd({
-    toast.success(`${dep.name} 重新安装成功`)
+      name: dep.name,
-    await loadDeps()
+      version: dep.version,
+      language: dep.language,
+      lang_version: dep.lang_version
+    })
+    terminalCommand.value = command
+    terminalTitle.value = `重装: ${dep.name}`
+    pendingInstall.value = null // 重新安装不需要再次记录
+    showTerminalDialog.value = true
   } catch (e: unknown) {
-    toast.error((e as Error).message || '重新安装失败')
+    toast.error((e as Error).message || '获取命令失败')
   } finally {
     reinstalling.value = null
   }
@@ -126,200 +193,240 @@ async function reinstallPackage(dep: Dependency) {
 async function reinstallAll() {
   reinstallingAll.value = true
   try {
-    await api.deps.reinstallAll(activeTab.value)
+    const lang = language.value || activeTab.value
-    toast.success('全部重新安装成功')
+    const ver = langVersion.value
-    await loadDeps()
+    const { command } = await api.deps.getReinstallAllCmd(lang, ver)
+
+    terminalCommand.value = command
+    terminalTitle.value = `全部重装: ${getTypeLabel(lang)}`
+    pendingInstall.value = null // 全部重装不需要记录新条目
+    showTerminalDialog.value = true
   } catch (e: unknown) {
-    toast.error((e as Error).message || '重新安装失败')
+    toast.error((e as Error).message || '获取命令失败')
   } finally {
     reinstallingAll.value = false
   }
 }
 
 function getTypeLabel(type: string) {
-  return type === 'py' ? 'Python' : 'Node.js'
+  const labels: Record<string, string> = {
+    python: 'Python',
+    node: 'Node.js',
+    ruby: 'Ruby',
+    go: 'Go',
+    rust: 'Rust',
+    bun: 'Bun',
+    php: 'PHP',
+    deno: 'Deno',
+    dotnet: '.NET',
+    elixir: 'Elixir',
+    erlang: 'Erlang',
+    lua: 'Lua',
+    nim: 'Nim',
+    dart: 'Dart',
+    flutter: 'Flutter',
+    perl: 'Perl',
+    crystal: 'Crystal'
+  }
+  return labels[type] || type.charAt(0).toUpperCase() + type.slice(1)
 }
 
-onMounted(loadDeps)
+watch(activeTab, loadDeps)
+
+// 如果 URL 中带了环境参数，自动切 Tab
+onMounted(async () => {
+  await loadInstalledLangs()
+  if (language.value) activeTab.value = language.value
+  loadDeps()
+})
 </script>
 
 <template>
   <div class="space-y-4">
     <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
-      <div>
+      <div class="flex items-center gap-3">
-        <h2 class="text-xl sm:text-2xl font-bold tracking-tight">依赖管理</h2>
+        <Button v-if="language" variant="ghost" size="icon" @click="$router.back()" class="h-8 w-8">
-        <p class="text-muted-foreground text-sm">管理 Python 和 Node.js 依赖包</p>
+          <ChevronLeft class="h-5 w-5" />
+        </Button>
+        <div>
+          <h2 class="text-xl sm:text-2xl font-bold tracking-tight">依赖管理</h2>
+          <p class="text-muted-foreground text-sm">管理 Python 和 Node.js 依赖包</p>
+        </div>
       </div>
     </div>
 
-    <Tabs v-model="activeTab">
+    <!-- 当前环境信息 -->
-      <TabsList>
+    <div v-if="language && langVersion"
-        <TabsTrigger value="py">Python</TabsTrigger>
+      class="bg-primary/10 border border-primary/20 rounded-lg p-3 flex items-center justify-between">
-        <TabsTrigger value="node">Node.js</TabsTrigger>
+      <div class="flex items-center gap-2">
-        <TabsTrigger value="system">System</TabsTrigger>
+        <Package class="h-4 w-4 text-primary" />
-      </TabsList>
+        <span class="text-sm">正在管理环境: <span class="font-bold font-mono">{{ language }}@{{ langVersion }}</span></span>
+      </div>
+      <Badge variant="outline" class="font-mono text-xs">Scoped Environment</Badge>
+    </div>
 
-      <!-- 系统依赖提示 -->
+    <div class="mt-4">
-      <TabsContent value="system" class="mt-4">
+      <div class="rounded-lg border bg-card overflow-x-auto">
-        <div class="rounded-lg border bg-card p-4 sm:p-6">
+        <!-- 工具栏 -->
-          <div class="flex items-center gap-3 mb-3">
+        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 px-4 py-3 border-b bg-muted/30">
-            <AlertTriangle class="h-5 w-5 text-amber-500 shrink-0" />
+          <div class="flex items-center gap-2">
-            <h3 class="font-medium">系统依赖 (System Dependencies)</h3>
+            <Badge variant="secondary">{{ filteredDeps.length }} 个包</Badge>
           </div>
-          <div class="space-y-3 text-sm text-muted-foreground">
+          <div class="flex items-center gap-2">
-            <p>
+            <div class="relative flex-1 sm:flex-none">
-              系统依赖需要通过终端使用包管理器安装。
+              <Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-            </p>
+              <Input v-model="searchQuery" placeholder="搜索包名..." class="h-9 pl-8 w-full sm:w-48 text-sm" />
-            <ul class="list-disc list-inside space-y-1 ml-1">
-              <li>Debian/Ubuntu: 使用 <code class="bg-muted px-1.5 py-0.5 rounded text-xs">apt-get install</code></li>
-              <li>Alpine: 使用 <code class="bg-muted px-1.5 py-0.5 rounded text-xs">apk add</code></li>
-            </ul>
-            <p>
-              注意：Docker 容器重新创建后，手动安装的系统依赖会丢失。如需持久化，请在 Dockerfile 中添加依赖或使用自定义镜像。
-            </p>
-            <div class="bg-muted px-3 py-2 rounded text-xs font-mono">
-              <div class="text-muted-foreground"># Debian / Ubuntu</div>
-              <div class="mb-3">apt-get update && apt-get install -y &lt;package-name&gt;</div>
-              <div class="text-muted-foreground"># Alpine</div>
-              <div>apk add &lt;package-name&gt;</div>
             </div>
+            <Button variant="outline" size="icon" class="h-9 w-9 shrink-0" @click="loadDeps" :disabled="loading">
+              <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
+            </Button>
+            <Button variant="outline" size="sm" class="h-9 shrink-0" @click="reinstallAll"
+              :disabled="reinstallingAll || filteredDeps.length === 0">
+              <RotateCw class="h-4 w-4 sm:mr-1.5" :class="{ 'animate-spin': reinstallingAll }" /> <span
+                class="hidden sm:inline">全部重装</span>
+            </Button>
+            <Button size="sm" class="h-9 shrink-0" @click="openInstallDialog">
+              <Download class="h-4 w-4 sm:mr-1.5" /> <span class="hidden sm:inline">安装</span>
+            </Button>
           </div>
         </div>
-      </TabsContent>
 
-      <TabsContent :value="activeTab" v-if="activeTab !== 'system'" class="mt-4">
+        <!-- 表头 -->
-        <div class="rounded-lg border bg-card overflow-x-auto">
+        <div
-          <!-- 工具栏 -->
+          class="flex items-center gap-4 px-4 py-2 border-b bg-muted/50 text-sm text-muted-foreground font-medium min-w-[400px]">
-          <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 px-4 py-3 border-b bg-muted/30">
+          <span class="flex-1">包名</span>
-            <div class="flex items-center gap-2">
+          <span class="w-32">版本</span>
-              <Badge variant="secondary">{{ filteredDeps.length }} 个包</Badge>
+          <span class="w-48 hidden md:block">备注</span>
+          <span class="w-24 text-center">操作</span>
+        </div>
+
+        <!-- 列表 -->
+        <div class="divide-y max-h-[480px] overflow-y-auto min-w-[400px]">
+          <div v-if="loading" class="text-center py-8 text-muted-foreground">
+            <Loader2 class="h-5 w-5 animate-spin mx-auto mb-2" />
+            加载中...
+          </div>
+          <div v-else-if="filteredDeps.length === 0" class="text-center py-8 text-muted-foreground">
+            <Package class="h-8 w-8 mx-auto mb-2 opacity-50" />
+            {{ searchQuery ? '无匹配结果' : '暂无依赖包' }}
+          </div>
+          <div v-else v-for="dep in filteredDeps" :key="dep.id"
+            class="flex items-center gap-4 px-4 py-2 hover:bg-muted/50 transition-colors">
+            <span class="flex-1 font-mono text-sm truncate">
+              <TextOverflow :text="dep.name" title="包名" />
+            </span>
+            <span class="w-32 text-sm text-muted-foreground">{{ dep.version || '-' }}</span>
+            <span class="w-48 text-sm text-muted-foreground truncate hidden md:block">
+              <TextOverflow :text="dep.remark || '-'" title="备注" />
+            </span>
+            <span class="w-24 flex justify-center gap-1">
+              <Button v-if="dep.log" variant="ghost" size="icon" class="h-7 w-7" @click="showLog(dep)">
+                <FileText class="h-4 w-4" />
+              </Button>
+              <Button variant="ghost" size="icon" class="h-7 w-7" @click="reinstallPackage(dep)"
+                :disabled="reinstalling === dep.id">
+                <RotateCw class="h-4 w-4" :class="{ 'animate-spin': reinstalling === dep.id }" />
+              </Button>
+              <Button variant="ghost" size="icon" class="h-7 w-7 text-destructive" @click="confirmDelete(dep)">
+                <Trash2 class="h-4 w-4" />
+              </Button>
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 安装对话框 -->
+      <Dialog v-model:open="showInstallDialog">
+        <DialogContent class="sm:max-w-[400px]" @openAutoFocus.prevent>
+          <DialogHeader>
+            <DialogTitle>安装 {{ getTypeLabel(activeTab) }} 包</DialogTitle>
+            <DialogDescription class="sr-only">输入包名和版本号进行安装</DialogDescription>
+          </DialogHeader>
+          <div class="grid gap-4 py-4">
+            <div class="grid grid-cols-4 items-center gap-4">
+              <Label class="text-right">包名</Label>
+              <Input v-model="newPkgName"
+                :placeholder="activeTab === 'python' ? 'requests' : (activeTab === 'node' ? 'lodash' : 'package-name')"
+                class="col-span-3" />
             </div>
-            <div class="flex items-center gap-2">
+            <div class="grid grid-cols-4 items-center gap-4">
-              <div class="relative flex-1 sm:flex-none">
+              <Label class="text-right">版本</Label>
-                <Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+              <Input v-model="newPkgVersion" placeholder="可选，如 1.0.0" class="col-span-3" />
-                <Input v-model="searchQuery" placeholder="搜索包名..." class="h-9 pl-8 w-full sm:w-48 text-sm" />
+            </div>
+            <div class="grid grid-cols-4 items-center gap-4">
+              <Label class="text-right">备注</Label>
+              <Input v-model="newPkgRemark" placeholder="可选" class="col-span-3" />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" @click="showInstallDialog = false">取消</Button>
+            <Button @click="installPackage" :disabled="installing">
+              <Loader2 v-if="installing" class="h-4 w-4 mr-2 animate-spin" />
+              安装
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      <!-- 卸载确认 -->
+      <AlertDialog v-model:open="showDeleteDialog">
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>确认卸载</AlertDialogTitle>
+            <AlertDialogDescription>
+              确定要卸载 "{{ depToDelete?.name }}" 吗？
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>取消</AlertDialogCancel>
+            <AlertDialogAction class="bg-destructive text-white hover:bg-destructive/90" @click="uninstallPackage">
+              卸载
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
+      <!-- 日志对话框 -->
+      <Dialog v-model:open="showLogDialog">
+        <DialogContent class="sm:max-w-[600px]" @openAutoFocus.prevent>
+          <DialogHeader>
+            <DialogTitle>安装日志 - {{ logPkgName }}</DialogTitle>
+            <DialogDescription class="sr-only">查看依赖包的详细安装输出日志</DialogDescription>
+          </DialogHeader>
+          <div class="max-h-[400px] overflow-y-auto">
+            <pre class="text-xs bg-muted p-3 rounded-lg whitespace-pre-wrap break-all font-mono">{{ logContent }}</pre>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" @click="showLogDialog = false">关闭</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      <!-- 终端对话框 -->
+      <Dialog v-model:open="showTerminalDialog" @update:open="(val) => !val && handleTerminalClose()">
+        <DialogContent class="max-w-4xl h-[600px] p-0 overflow-hidden bg-[#1e1e1e] border-none shadow-2xl">
+          <DialogHeader class="sr-only">
+            <DialogTitle>{{ terminalTitle }}</DialogTitle>
+            <DialogDescription>正在执行依赖安装指令</DialogDescription>
+          </DialogHeader>
+          <div class="flex flex-col h-full">
+            <div class="flex items-center justify-between px-4 py-2 bg-[#252526] border-b border-[#3c3c3c]">
+              <div class="flex items-center gap-2">
+                <TerminalIcon class="h-4 w-4 text-primary" />
+                <span class="text-xs font-medium text-gray-300">正在执行: {{ terminalCommand }}</span>
               </div>
-              <Button variant="outline" size="icon" class="h-9 w-9 shrink-0" @click="loadDeps" :disabled="loading">
+              <Button variant="ghost" size="icon" class="h-6 w-6 text-gray-400 hover:text-white"
-                <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
+                @click="showTerminalDialog = false">
-              </Button>
+                <X class="h-4 w-4" />
-              <Button variant="outline" size="sm" class="h-9 shrink-0" @click="reinstallAll"
-                :disabled="reinstallingAll || filteredDeps.length === 0">
-                <RotateCw class="h-4 w-4 sm:mr-1.5" :class="{ 'animate-spin': reinstallingAll }" /> <span
-                  class="hidden sm:inline">全部重装</span>
-              </Button>
-              <Button size="sm" class="h-9 shrink-0" @click="openInstallDialog">
-                <Download class="h-4 w-4 sm:mr-1.5" /> <span class="hidden sm:inline">安装</span>
               </Button>
             </div>
-          </div>
+            <div class="flex-1">
-
+              <XTerminal v-if="showTerminalDialog" :font-size="13" :initial-command="terminalCommand"
-          <!-- 表头 -->
+                @success="isInstallSuccess = true" @failed="isInstallSuccess = false" />
-          <div
-            class="flex items-center gap-4 px-4 py-2 border-b bg-muted/50 text-sm text-muted-foreground font-medium min-w-[400px]">
-            <span class="flex-1">包名</span>
-            <span class="w-32">版本</span>
-            <span class="w-48 hidden md:block">备注</span>
-            <span class="w-24 text-center">操作</span>
-          </div>
-
-          <!-- 列表 -->
-          <div class="divide-y max-h-[480px] overflow-y-auto min-w-[400px]">
-            <div v-if="loading" class="text-center py-8 text-muted-foreground">
-              <Loader2 class="h-5 w-5 animate-spin mx-auto mb-2" />
-              加载中...
-            </div>
-            <div v-else-if="filteredDeps.length === 0" class="text-center py-8 text-muted-foreground">
-              <Package class="h-8 w-8 mx-auto mb-2 opacity-50" />
-              {{ searchQuery ? '无匹配结果' : '暂无依赖包' }}
-            </div>
-            <div v-else v-for="dep in filteredDeps" :key="dep.id"
-              class="flex items-center gap-4 px-4 py-2 hover:bg-muted/50 transition-colors">
-              <span class="flex-1 font-mono text-sm truncate">
-                <TextOverflow :text="dep.name" title="包名" />
-              </span>
-              <span class="w-32 text-sm text-muted-foreground">{{ dep.version || '-' }}</span>
-              <span class="w-48 text-sm text-muted-foreground truncate hidden md:block">
-                <TextOverflow :text="dep.remark || '-'" title="备注" />
-              </span>
-              <span class="w-24 flex justify-center gap-1">
-                <Button v-if="dep.log" variant="ghost" size="icon" class="h-7 w-7" @click="showLog(dep)">
-                  <FileText class="h-4 w-4" />
-                </Button>
-                <Button variant="ghost" size="icon" class="h-7 w-7" @click="reinstallPackage(dep)"
-                  :disabled="reinstalling === dep.id">
-                  <RotateCw class="h-4 w-4" :class="{ 'animate-spin': reinstalling === dep.id }" />
-                </Button>
-                <Button variant="ghost" size="icon" class="h-7 w-7 text-destructive" @click="confirmDelete(dep)">
-                  <Trash2 class="h-4 w-4" />
-                </Button>
-              </span>
             </div>
           </div>
-        </div>
+        </DialogContent>
-      </TabsContent>
+      </Dialog>
-    </Tabs>
+    </div>
-
-    <!-- 安装对话框 -->
-    <Dialog v-model:open="showInstallDialog">
-      <DialogContent class="sm:max-w-[400px]" @openAutoFocus.prevent>
-        <DialogHeader>
-          <DialogTitle>安装 {{ getTypeLabel(activeTab) }} 包</DialogTitle>
-        </DialogHeader>
-        <div class="grid gap-4 py-4">
-          <div class="grid grid-cols-4 items-center gap-4">
-            <Label class="text-right">包名</Label>
-            <Input v-model="newPkgName" :placeholder="activeTab === 'py' ? 'requests' : 'lodash'" class="col-span-3" />
-          </div>
-          <div class="grid grid-cols-4 items-center gap-4">
-            <Label class="text-right">版本</Label>
-            <Input v-model="newPkgVersion" placeholder="可选，如 1.0.0" class="col-span-3" />
-          </div>
-          <div class="grid grid-cols-4 items-center gap-4">
-            <Label class="text-right">备注</Label>
-            <Input v-model="newPkgRemark" placeholder="可选" class="col-span-3" />
-          </div>
-        </div>
-        <DialogFooter>
-          <Button variant="outline" @click="showInstallDialog = false">取消</Button>
-          <Button @click="installPackage" :disabled="installing">
-            <Loader2 v-if="installing" class="h-4 w-4 mr-2 animate-spin" />
-            安装
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-
-    <!-- 卸载确认 -->
-    <AlertDialog v-model:open="showDeleteDialog">
-      <AlertDialogContent>
-        <AlertDialogHeader>
-          <AlertDialogTitle>确认卸载</AlertDialogTitle>
-          <AlertDialogDescription>
-            确定要卸载 "{{ depToDelete?.name }}" 吗？
-          </AlertDialogDescription>
-        </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel>取消</AlertDialogCancel>
-          <AlertDialogAction class="bg-destructive text-white hover:bg-destructive/90" @click="uninstallPackage">
-            卸载
-          </AlertDialogAction>
-        </AlertDialogFooter>
-      </AlertDialogContent>
-    </AlertDialog>
-
-    <!-- 日志对话框 -->
-    <Dialog v-model:open="showLogDialog">
-      <DialogContent class="sm:max-w-[600px]" @openAutoFocus.prevent>
-        <DialogHeader>
-          <DialogTitle>安装日志 - {{ logPkgName }}</DialogTitle>
-        </DialogHeader>
-        <div class="max-h-[400px] overflow-y-auto">
-          <pre class="text-xs bg-muted p-3 rounded-lg whitespace-pre-wrap break-all font-mono">{{ logContent }}</pre>
-        </div>
-        <DialogFooter>
-          <Button variant="outline" @click="showLogDialog = false">关闭</Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
   </div>
 </template>

web/src/views/languages/Languages.vue

@@ -0,0 +1,484 @@
+<script setup lang="ts">
+import { ref, onMounted, computed, watch } from 'vue'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Badge } from '@/components/ui/badge'
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@/components/ui/dialog'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import {
+    Plus, Globe, Search, RefreshCw, Loader2, Trash2,
+    Terminal as TerminalIcon, X, AlertCircle,
+    Check, ChevronsUpDown
+} from 'lucide-vue-next'
+import { api, type MiseLanguage } from '@/api'
+import { toast } from 'vue-sonner'
+import XTerminal from '@/components/XTerminal.vue'
+import { cn } from '@/lib/utils'
+
+const SUPPORTED_DEPS_LANGS = [
+    'python', 'node', 'ruby', 'go', 'rust', 'bun', 'php',
+    'deno', 'dotnet', 'elixir', 'erlang', 'lua', 'nim',
+    'dart', 'flutter', 'perl', 'crystal'
+]
+
+interface DisplayLanguage extends Omit<MiseLanguage, 'source'> {
+    source: string
+}
+
+const languages = ref<DisplayLanguage[]>([])
+const loading = ref(false)
+const searchQuery = ref('')
+const errorMsg = ref('')
+const syncing = ref(false)
+const showSyncConfirm = ref(false)
+
+const showInstallDialog = ref(false)
+const newLangPlugin = ref('')
+const newLangVersion = ref('')
+
+// 下拉列表相关
+const availablePlugins = ref<string[]>([])
+const loadingPlugins = ref(false)
+const pluginSearch = ref('')
+const openPluginPopover = ref(false)
+
+const availableVersions = ref<string[]>([])
+const loadingVersions = ref(false)
+const versionSearch = ref('')
+const openVersionPopover = ref(false)
+
+const filteredPlugins = computed(() => {
+    if (!pluginSearch.value) return availablePlugins.value
+    const s = pluginSearch.value.toLowerCase()
+    return availablePlugins.value.filter(p => p.toLowerCase().includes(s))
+})
+
+const filteredVersions = computed(() => {
+    const list = availableVersions.value
+    if (!versionSearch.value) return list
+    const s = versionSearch.value.toLowerCase()
+    return list.filter(v => v.toLowerCase().includes(s))
+})
+
+const showTerminalDialog = ref(false)
+const terminalCommand = ref('')
+
+const filteredLanguages = computed(() => {
+    if (!searchQuery.value) return languages.value
+    const q = searchQuery.value.toLowerCase()
+    return languages.value.filter(l => l.plugin.toLowerCase().includes(q) || l.version.toLowerCase().includes(q))
+})
+
+async function loadLanguages() {
+    loading.value = true
+    errorMsg.value = ''
+    try {
+        const data = await api.mise.list()
+        if (!data || !Array.isArray(data)) {
+            languages.value = []
+            return
+        }
+        languages.value = data.map(item => ({
+            ...item,
+            source: typeof item.source === 'object' ? (item.source.path || item.source.type || '-') : (item.source || '-')
+        }))
+    } catch (e) {
+        toast.error('获取语言列表失败')
+        errorMsg.value = String(e)
+    } finally {
+        loading.value = false
+    }
+}
+
+async function handleSync() {
+    syncing.value = true
+    try {
+        await api.mise.sync()
+        toast.success('本地环境同步成功')
+        await loadLanguages()
+    } catch (e) {
+        toast.error('同步失败: ' + e)
+    } finally {
+        syncing.value = false
+        showSyncConfirm.value = false
+    }
+}
+
+async function fetchPlugins() {
+    if (availablePlugins.value.length > 0) return
+    loadingPlugins.value = true
+    try {
+        availablePlugins.value = await api.mise.plugins()
+    } catch (e) {
+        console.error('Fetch plugins failed', e)
+    } finally {
+        loadingPlugins.value = false
+    }
+}
+
+async function fetchVersions(plugin: string) {
+    if (!plugin) return
+    loadingVersions.value = true
+    availableVersions.value = []
+    try {
+        availableVersions.value = await api.mise.versions(plugin)
+    } catch (e) {
+        console.error('Fetch versions failed', e)
+    } finally {
+        loadingVersions.value = false
+        // 如果当前版本为空且已经有列表，默认选择第一个（通常是最新版本）
+        if (!newLangVersion.value && availableVersions.value.length > 0) {
+            newLangVersion.value = availableVersions.value[0] || ''
+        }
+    }
+}
+
+watch(newLangPlugin, (newVal) => {
+    if (newVal) {
+        fetchVersions(newVal)
+    } else {
+        availableVersions.value = []
+    }
+    newLangVersion.value = ''
+})
+
+function openInstallDialog() {
+    newLangPlugin.value = ''
+    newLangVersion.value = ''
+    showInstallDialog.value = true
+    fetchPlugins()
+}
+
+function startInstall() {
+    if (!newLangPlugin.value.trim()) {
+        toast.error('请输入或选择语言名称')
+        return
+    }
+    if (!newLangVersion.value.trim()) {
+        toast.error('请选择版本')
+        return
+    }
+    const version = newLangVersion.value.trim()
+    const cmd = `mise install ${newLangPlugin.value.trim()}@${version}`
+
+    showInstallDialog.value = false
+    runInTerminal(cmd)
+}
+
+function runInTerminal(command: string) {
+    terminalCommand.value = command
+    showTerminalDialog.value = true
+}
+
+function confirmDelete(lang: MiseLanguage) {
+    const cmd = `mise uninstall ${lang.plugin}@${lang.version}`
+    runInTerminal(cmd)
+}
+
+function getLangIcon(plugin: string) {
+    const name = plugin.toLowerCase().trim()
+    const mapping: Record<string, string> = {
+        'python': 'python/python-original.svg',
+        'node': 'nodejs/nodejs-original.svg',
+        'nodejs': 'nodejs/nodejs-original.svg',
+        'go': 'go/go-original.svg',
+        'rust': 'rust/rust-original.svg',
+        'ruby': 'ruby/ruby-plain.svg',
+        'php': 'php/php-plain.svg',
+        'java': 'java/java-plain.svg',
+        'deno': 'deno/deno-plain.svg',
+        'bun': 'bun/bun-plain.svg',
+        'zig': 'zig/zig-original.svg',
+        'dotnet': 'dot-net/dot-net-original.svg',
+        '.net': 'dot-net/dot-net-original.svg',
+        'elixir': 'elixir/elixir-original.svg',
+        'erlang': 'erlang/erlang-original.svg',
+        'crystal': 'crystal/crystal-original.svg',
+        'lua': 'lua/lua-original.svg',
+        'julia': 'julia/julia-original.svg',
+        'nim': 'nim/nim-original.svg',
+        'perl': 'perl/perl-original.svg',
+        'scala': 'scala/scala-original.svg',
+        'kotlin': 'kotlin/kotlin-original.svg',
+        'clojure': 'clojure/clojure-line.svg',
+        'dart': 'dart/dart-original.svg',
+        'flutter': 'flutter/flutter-original.svg',
+        'terraform': 'terraform/terraform-original.svg',
+        'docker': 'docker/docker-original.svg',
+        'kubernetes': 'kubernetes/kubernetes-plain.svg',
+        'ansible': 'ansible/ansible-original.svg',
+    }
+
+    if (mapping[name]) {
+        return `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${mapping[name]}`
+    }
+    return ''
+}
+
+onMounted(loadLanguages)
+</script>
+
+<template>
+    <div class="space-y-4">
+        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+            <div>
+                <h2 class="text-xl sm:text-2xl font-bold tracking-tight">语言依赖</h2>
+                <p class="text-muted-foreground text-sm">管理系统环境中的编程语言运行时及相关包依赖 (Mise)</p>
+            </div>
+            <Button @click="openInstallDialog">
+                <Plus class="h-4 w-4 mr-2" /> 新增语言
+            </Button>
+        </div>
+
+        <div v-if="errorMsg"
+            class="bg-destructive/10 border border-destructive/20 rounded-lg p-4 flex items-center gap-3 text-destructive">
+            <AlertCircle class="h-5 w-5 shrink-0" />
+            <p class="text-sm font-medium">{{ errorMsg }}</p>
+        </div>
+
+        <!-- 列表部分 -->
+        <div class="rounded-lg border bg-card overflow-hidden">
+            <div class="flex flex-col sm:flex-row sm:items-center justify-between px-4 py-3 border-b bg-muted/30 gap-3">
+                <div class="relative w-full sm:w-64">
+                    <Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                    <Input v-model="searchQuery" placeholder="搜索语言或版本..." class="h-9 pl-8 text-sm" />
+                </div>
+                <div class="flex items-center gap-2 w-full sm:w-auto justify-end">
+                    <Button variant="outline" class="h-9 px-3 text-sm flex-1 sm:flex-none"
+                        @click="showSyncConfirm = true" :disabled="syncing || loading">
+                        <RefreshCw class="h-4 w-4 sm:mr-2" :class="{ 'animate-spin': syncing }" />
+                        <span class="hidden sm:inline">更新本地环境</span>
+                        <span class="sm:hidden">同步</span>
+                    </Button>
+                    <Button variant="outline" size="icon" class="h-9 w-9 shrink-0" @click="loadLanguages"
+                        :disabled="loading">
+                        <RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
+                    </Button>
+                </div>
+            </div>
+
+            <div class="divide-y max-h-[600px] overflow-y-auto min-h-[200px]">
+                <div v-if="loading && languages.length === 0" class="text-center py-12 text-muted-foreground">
+                    <Loader2 class="h-8 w-8 animate-spin mx-auto mb-2 opacity-20" />
+                    正在扫描运行环境...
+                </div>
+                <div v-else-if="filteredLanguages.length === 0 && !loading"
+                    class="text-center py-12 text-muted-foreground">
+                    <Globe class="h-12 w-12 mx-auto mb-2 opacity-10" />
+                    {{ searchQuery ? '未找到匹配的语言' : '未发现已安装的语言' }}
+                </div>
+                <div v-else v-for="lang in filteredLanguages" :key="lang.plugin + lang.version"
+                    class="flex flex-col sm:flex-row sm:items-center justify-between px-4 py-4 hover:bg-muted/50 transition-colors gap-4">
+                    <div class="flex items-center gap-4 min-w-0">
+                        <div
+                            class="h-9 w-9 sm:h-10 sm:w-10 rounded-full bg-primary/10 flex items-center justify-center font-bold text-primary uppercase overflow-hidden shrink-0">
+                            <template v-if="getLangIcon(lang.plugin)">
+                                <div class="w-full h-full bg-white/80 p-2 flex items-center justify-center">
+                                    <img :src="getLangIcon(lang.plugin)" :alt="lang.plugin"
+                                        class="w-full h-full object-contain" />
+                                </div>
+                            </template>
+                            <template v-else>
+                                {{ lang.plugin.length > 2 ? lang.plugin.substring(0, 2) : lang.plugin }}
+                            </template>
+                        </div>
+                        <div class="min-w-0 flex-1">
+                            <div class="flex items-center gap-2">
+                                <span class="font-bold capitalize truncate">{{ lang.plugin }}</span>
+                                <Badge variant="outline" class="font-mono whitespace-nowrap">{{ lang.version }}</Badge>
+                            </div>
+                            <div class="text-xs text-muted-foreground mt-1 space-y-0.5">
+                                <div class="font-mono opacity-60 truncate" :title="lang.source">来源: {{ lang.source }}
+                                </div>
+                                <div v-if="lang.installed_at" class="opacity-50">
+                                    添加日期: {{ lang.installed_at }}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div
+                        class="flex items-center gap-2 sm:ml-auto w-full sm:w-auto overflow-x-auto pb-1 sm:pb-0 hide-scrollbar">
+                        <Button v-if="SUPPORTED_DEPS_LANGS.includes(lang.plugin)" variant="outline" size="sm"
+                            class="whitespace-nowrap flex-1 sm:flex-none"
+                            @click="$router.push(`/dependencies?language=${lang.plugin}&version=${lang.version}`)">
+                            依赖管理
+                        </Button>
+                        <Badge v-else variant="secondary"
+                            class="h-8 opacity-60 flex-1 sm:flex-none justify-center whitespace-nowrap">
+                            不支持管理
+                        </Badge>
+                        <Button variant="outline" size="sm" class="whitespace-nowrap flex-1 sm:flex-none"
+                            @click="runInTerminal(`mise exec ${lang.plugin}@${lang.version} -- env`)">
+                            环境验证
+                        </Button>
+                        <Button variant="ghost" size="icon" class="text-destructive h-8 w-8 shrink-0 ml-auto sm:ml-0"
+                            @click="confirmDelete(lang)" title="卸载">
+                            <Trash2 class="h-4 w-4" />
+                        </Button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 安装对话框 (带搜索下拉) -->
+        <Dialog v-model:open="showInstallDialog">
+            <DialogContent class="sm:max-w-[400px]">
+                <DialogHeader>
+                    <DialogTitle>管理语言运行时</DialogTitle>
+                    <DialogDescription>配置并安装新的编程语言环境</DialogDescription>
+                </DialogHeader>
+                <div class="grid gap-6 py-4">
+                    <!-- 语言选择 -->
+                    <div class="grid gap-2">
+                        <Label>语言名称 (Mise Plugin)</Label>
+                        <Popover v-model:open="openPluginPopover">
+                            <PopoverTrigger asChild>
+                                <Button variant="outline" role="combobox" :aria-expanded="openPluginPopover"
+                                    class="justify-between w-full font-normal">
+                                    {{ newLangPlugin || "选择或输入语言..." }}
+                                    <ChevronsUpDown class="ml-2 h-4 w-4 shrink-0 opacity-50" />
+                                </Button>
+                            </PopoverTrigger>
+                            <PopoverContent class="p-0 w-[var(--reka-popover-trigger-width)]" align="start">
+                                <div class="p-2 border-b">
+                                    <div class="relative">
+                                        <Search
+                                            class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
+                                        <Input v-model="pluginSearch" placeholder="搜索插件..." class="h-8 pl-8 text-xs"
+                                            @keydown.enter="() => { if (pluginSearch) { newLangPlugin = pluginSearch; openPluginPopover = false } }" />
+                                    </div>
+                                </div>
+                                <ScrollArea class="h-64">
+                                    <div class="p-1">
+                                        <div v-if="loadingPlugins" class="flex items-center justify-center py-6">
+                                            <Loader2 class="h-4 w-4 animate-spin text-muted-foreground" />
+                                        </div>
+                                        <div v-else-if="filteredPlugins.length === 0"
+                                            class="py-6 text-center text-xs text-muted-foreground">
+                                            未找到匹配插件
+                                        </div>
+                                        <button v-else v-for="p in filteredPlugins" :key="p"
+                                            @click="() => { newLangPlugin = p; openPluginPopover = false }"
+                                            class="w-full flex items-center px-2 py-1.5 text-sm rounded-sm hover:bg-muted text-left transition-colors group">
+                                            <div
+                                                class="mr-2 h-4 w-4 shrink-0 flex items-center justify-center relative">
+                                                <div v-if="getLangIcon(p)"
+                                                    class="w-full h-full rounded-sm bg-white/80 overflow-hidden p-0.5">
+                                                    <img :src="getLangIcon(p)" class="w-full h-full object-contain" />
+                                                </div>
+                                                <div v-else
+                                                    class="w-full h-full flex items-center justify-center bg-primary/10 rounded-sm text-[8px] font-bold uppercase">
+                                                    {{ p.substring(0, 2) }}
+                                                </div>
+                                                <Check v-if="newLangPlugin === p"
+                                                    class="absolute -right-2 -top-1 h-3 w-3 text-primary bg-background rounded-full border shadow-sm" />
+                                            </div>
+                                            <span :class="{ 'font-bold text-primary': newLangPlugin === p }">{{ p
+                                            }}</span>
+                                        </button>
+                                    </div>
+                                </ScrollArea>
+                            </PopoverContent>
+                        </Popover>
+                    </div>
+
+                    <!-- 版本选择 -->
+                    <div class="grid gap-2">
+                        <Label>版本</Label>
+                        <Popover v-model:open="openVersionPopover">
+                            <PopoverTrigger asChild :disabled="!newLangPlugin">
+                                <Button variant="outline" role="combobox" :aria-expanded="openVersionPopover"
+                                    class="justify-between w-full font-normal" :disabled="!newLangPlugin">
+                                    {{ newLangVersion || "选择或输入版本..." }}
+                                    <div class="flex items-center">
+                                        <Loader2 v-if="loadingVersions" class="mr-2 h-3 w-3 animate-spin opacity-50" />
+                                        <ChevronsUpDown class="h-4 w-4 shrink-0 opacity-50" />
+                                    </div>
+                                </Button>
+                            </PopoverTrigger>
+                            <PopoverContent class="p-0 w-[var(--reka-popover-trigger-width)]" align="start">
+                                <div class="p-2 border-b">
+                                    <div class="relative">
+                                        <Search
+                                            class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
+                                        <Input v-model="versionSearch" placeholder="搜索版本..." class="h-8 pl-8 text-xs"
+                                            @keydown.enter="() => { if (versionSearch) { newLangVersion = versionSearch; openVersionPopover = false } }" />
+                                    </div>
+                                </div>
+                                <ScrollArea class="h-64">
+                                    <div class="p-1">
+                                        <div v-if="loadingVersions" class="flex items-center justify-center py-6">
+                                            <Loader2 class="h-4 w-4 animate-spin text-muted-foreground" />
+                                        </div>
+                                        <div v-else-if="filteredVersions.length === 0"
+                                            class="py-6 text-center text-xs text-muted-foreground">
+                                            未找到匹配版本
+                                        </div>
+                                        <button v-else v-for="v in filteredVersions" :key="v"
+                                            @click="() => { newLangVersion = v; openVersionPopover = false }"
+                                            class="w-full flex items-center px-2 py-1.5 text-sm rounded-sm hover:bg-muted text-left transition-colors">
+                                            <Check
+                                                :class="cn('mr-2 h-3.5 w-3.5', newLangVersion === v ? 'opacity-100' : 'opacity-0')" />
+                                            {{ v }}
+                                        </button>
+                                    </div>
+                                </ScrollArea>
+                            </PopoverContent>
+                        </Popover>
+                    </div>
+                </div>
+                <DialogFooter>
+                    <Button variant="outline" @click="showInstallDialog = false">取消</Button>
+                    <Button @click="startInstall">开始安装</Button>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+
+        <!-- 终端对话框 -->
+        <Dialog v-model:open="showTerminalDialog" @update:open="(val) => !val && loadLanguages()">
+            <DialogContent class="max-w-4xl h-[600px] p-0 overflow-hidden bg-[#1e1e1e] border-none shadow-2xl">
+                <DialogHeader class="sr-only">
+                    <DialogTitle>终端执行</DialogTitle>
+                    <DialogDescription>正在执行 mise 相关指令</DialogDescription>
+                </DialogHeader>
+                <div class="flex flex-col h-full">
+                    <div class="flex items-center justify-between px-4 py-2 bg-[#252526] border-b border-[#3c3c3c]">
+                        <div class="flex items-center gap-2">
+                            <TerminalIcon class="h-4 w-4 text-primary" />
+                            <span class="text-xs font-medium text-gray-300">正在安装 / 执行: {{ terminalCommand }}</span>
+                        </div>
+                        <Button variant="ghost" size="icon" class="h-6 w-6 text-gray-400 hover:text-white"
+                            @click="showTerminalDialog = false">
+                            <X class="h-4 w-4" />
+                        </Button>
+                    </div>
+                    <div class="flex-1">
+                        <XTerminal v-if="showTerminalDialog" :font-size="13" :initial-command="terminalCommand" />
+                    </div>
+                </div>
+            </DialogContent>
+        </Dialog>
+
+        <!-- 同步确认对话框 -->
+        <Dialog v-model:open="showSyncConfirm">
+            <DialogContent class="sm:max-w-[400px]">
+                <DialogHeader>
+                    <DialogTitle>同步本地环境</DialogTitle>
+                    <DialogDescription>
+                        将实时扫描系统中已安装的所有 Mise 运行时并更新到数据库表中。
+                        <p class="mt-2 text-destructive font-medium italic text-xs">注意：这可能会覆盖或更新表中的记录。</p>
+                    </DialogDescription>
+                </DialogHeader>
+                <DialogFooter>
+                    <Button variant="outline" @click="showSyncConfirm = false" :disabled="syncing">取消</Button>
+                    <Button @click="handleSync" :disabled="syncing">
+                        <Loader2 v-if="syncing" class="mr-2 h-4 w-4 animate-spin" />
+                        立即同步
+                    </Button>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+    </div>
+</template>

web/src/views/tasks/TaskDialog.vue

@@ -7,9 +7,11 @@ import { Label } from '@/components/ui/label'
 import { Switch } from '@/components/ui/switch'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { ScrollArea } from '@/components/ui/scroll-area'
 import DirTreeSelect from '@/components/DirTreeSelect.vue'
-import { Plus, ChevronDown, X } from 'lucide-vue-next'
+import { Plus, ChevronDown, X, Search, Check, ChevronsUpDown, Loader2, AlertCircle } from 'lucide-vue-next'
-import { api, type Task, type EnvVar, type Agent } from '@/api'
+import { cn } from '@/lib/utils'
+import { api, type Task, type EnvVar, type Agent, type MiseLanguage } from '@/api'
 import { toast } from 'vue-sonner'
 
 const props = defineProps<{
@@ -84,6 +86,100 @@ const onlineAgents = computed(() => {
   return allAgents.value.filter(a => a.enabled)
 })
 
+// 语言环境相关
+const installedLangs = ref<MiseLanguage[]>([])
+const loadingLangs = ref(false)
+const availablePlugins = ref<string[]>([])
+const pluginSearch = ref('')
+const openPluginPopover = ref(false)
+
+const availableVersions = ref<string[]>([])
+const versionSearch = ref('')
+const openVersionPopover = ref(false)
+
+const filteredPlugins = computed(() => {
+  if (!pluginSearch.value) return availablePlugins.value
+  const s = pluginSearch.value.toLowerCase()
+  return availablePlugins.value.filter(p => p.toLowerCase().includes(s))
+})
+
+const filteredVersions = computed(() => {
+  if (!versionSearch.value) return availableVersions.value
+  const s = versionSearch.value.toLowerCase()
+  return availableVersions.value.filter(v => v.toLowerCase().includes(s))
+})
+
+async function fetchInstalledLangs() {
+  loadingLangs.value = true
+  try {
+    installedLangs.value = await api.mise.list()
+    const plugins = new Set<string>()
+    installedLangs.value.forEach(l => plugins.add(l.plugin))
+    availablePlugins.value = Array.from(plugins).sort()
+  } catch (e) {
+    console.error('Fetch installed langs failed', e)
+  } finally {
+    loadingLangs.value = false
+  }
+}
+
+function getLangIcon(plugin: string) {
+  const name = plugin?.toLowerCase().trim()
+  const mapping: Record<string, string> = {
+    'python': 'python/python-original.svg',
+    'node': 'nodejs/nodejs-original.svg',
+    'nodejs': 'nodejs/nodejs-original.svg',
+    'go': 'go/go-original.svg',
+    'rust': 'rust/rust-original.svg',
+    'ruby': 'ruby/ruby-plain.svg',
+    'php': 'php/php-plain.svg',
+    'java': 'java/java-plain.svg',
+    'deno': 'deno/deno-plain.svg',
+    'bun': 'bun/bun-plain.svg',
+    'zig': 'zig/zig-original.svg',
+    'dotnet': 'dot-net/dot-net-original.svg',
+    '.net': 'dot-net/dot-net-original.svg',
+    'elixir': 'elixir/elixir-original.svg',
+    'erlang': 'erlang/erlang-original.svg',
+    'crystal': 'crystal/crystal-original.svg',
+    'lua': 'lua/lua-original.svg',
+    'julia': 'julia/julia-original.svg',
+    'nim': 'nim/nim-original.svg',
+    'perl': 'perl/perl-original.svg',
+    'scala': 'scala/scala-original.svg',
+    'kotlin': 'kotlin/kotlin-original.svg',
+    'clojure': 'clojure/clojure-line.svg',
+    'dart': 'dart/dart-original.svg',
+    'flutter': 'flutter/flutter-original.svg',
+    'terraform': 'terraform/terraform-original.svg',
+    'docker': 'docker/docker-original.svg',
+    'kubernetes': 'kubernetes/kubernetes-plain.svg',
+    'ansible': 'ansible/ansible-original.svg',
+  }
+
+  if (mapping[name]) {
+    return `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${mapping[name]}`
+  }
+  return ''
+}
+
+watch(() => form.value.language, (newVal) => {
+  if (newVal) {
+    availableVersions.value = installedLangs.value
+      .filter(l => l.plugin === newVal)
+      .map(l => l.version)
+      .sort((a, b) => b.localeCompare(a, undefined, { numeric: true }))
+
+    // 如果当前选中的版本不在可用列表中，且列表不为空，则自动选中第一个（通常是最新版）
+    if (form.value.lang_version && !availableVersions.value.includes(form.value.lang_version)) {
+      // 保持原样，可能还没加载完
+    }
+  } else {
+    availableVersions.value = []
+    form.value.lang_version = ''
+  }
+})
+
 watch(() => props.open, async (val) => {
   if (val) {
     form.value = { ...props.task }
@@ -147,6 +243,16 @@ watch(() => props.open, async (val) => {
     envSearchQuery.value = ''
     // 加载数据
     await loadData()
+    if (selectedAgentId.value === 'local') {
+      await fetchInstalledLangs()
+      // 如果已选择语言（编辑模式），手动触发一次版本更新
+      if (form.value.language) {
+        availableVersions.value = installedLangs.value
+          .filter(l => l.plugin === form.value.language)
+          .map(l => l.version)
+          .sort((a, b) => b.localeCompare(a, undefined, { numeric: true }))
+      }
+    }
   }
 })
 
@@ -229,17 +335,7 @@ async function save() {
           <Label class="sm:text-right text-sm">任务名称</Label>
           <Input v-model="form.name" placeholder="我的任务" class="sm:col-span-3 h-8 text-sm" />
         </div>
-        <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
+
-          <Label class="sm:text-right text-sm">执行命令</Label>
-          <Input v-model="form.command" placeholder="node script.js" class="sm:col-span-3 h-8 text-sm font-mono" />
-        </div>
-        <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
-          <Label class="sm:text-right text-sm">工作目录</Label>
-          <div class="sm:col-span-3">
-            <DirTreeSelect v-if="selectedAgentId === 'local'" v-model="currentWorkDir" />
-            <Input v-else v-model="currentWorkDir" placeholder="工作目录（可选）" class="h-8 text-sm" />
-          </div>
-        </div>
         <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
           <Label class="sm:text-right text-sm">执行位置</Label>
           <div class="sm:col-span-3">
@@ -256,6 +352,120 @@ async function save() {
             </Select>
           </div>
         </div>
+
+        <!-- 本地任务语言版本配置 -->
+        <template v-if="selectedAgentId === 'local'">
+          <div class="grid grid-cols-1 sm:grid-cols-4 items-start gap-2 sm:gap-3">
+            <span></span>
+            <div class="sm:col-span-3">
+              <div
+                class="flex items-start gap-2 p-2 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-600 dark:text-amber-500 text-[11px] leading-relaxed">
+                <AlertCircle class="h-3.5 w-3.5 mt-0.5 shrink-0" />
+                <p>请先在<b>「语言依赖」</b>中安装所需的运行时。任务执行时将使用该环境，确保所有依赖已正确配置（如果是执行 <b>bash</b> 脚本，可随便选择一个环境即可）。</p>
+              </div>
+            </div>
+          </div>
+          <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
+            <Label class="sm:text-right text-sm font-medium">语言环境</Label>
+            <div class="sm:col-span-3 flex gap-2">
+              <Popover v-model:open="openPluginPopover">
+                <PopoverTrigger asChild>
+                  <Button variant="outline" role="combobox" :aria-expanded="openPluginPopover"
+                    class="justify-between flex-1 h-8 text-sm font-normal">
+                    <div class="flex items-center gap-2 truncate">
+                      <div v-if="form.language && getLangIcon(form.language)"
+                        class="w-4 h-4 shrink-0 rounded-sm bg-white p-0.5 border">
+                        <img :src="getLangIcon(form.language)" class="w-full h-full object-contain" />
+                      </div>
+                      <span>{{ form.language || "选择环境..." }}</span>
+                    </div>
+                    <ChevronsUpDown class="ml-2 h-3.5 w-3.5 shrink-0 opacity-50" />
+                  </Button>
+                </PopoverTrigger>
+                <PopoverContent class="p-0 w-[240px]" align="start">
+                  <div class="p-2 border-b">
+                    <div class="relative">
+                      <Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
+                      <Input v-model="pluginSearch" placeholder="搜索已安装语言..." class="h-7 pl-8 text-xs" />
+                    </div>
+                  </div>
+                  <ScrollArea class="h-48">
+                    <div class="p-1">
+                      <div v-if="loadingLangs" class="flex items-center justify-center py-4">
+                        <Loader2 class="h-4 w-4 animate-spin text-muted-foreground" />
+                      </div>
+                      <div v-else-if="filteredPlugins.length === 0"
+                        class="py-4 text-center text-xs text-muted-foreground">
+                        未找到已安装语言
+                      </div>
+                      <button v-else v-for="p in filteredPlugins" :key="p"
+                        @click="() => { form.language = p; openPluginPopover = false }"
+                        class="w-full flex items-center px-2 py-1.5 text-xs rounded-sm hover:bg-muted text-left transition-colors group">
+                        <div class="mr-2 h-4 w-4 shrink-0 flex items-center justify-center relative">
+                          <div v-if="getLangIcon(p)"
+                            class="w-full h-full rounded-sm bg-white overflow-hidden p-0.5 border">
+                            <img :src="getLangIcon(p)" class="w-full h-full object-contain" />
+                          </div>
+                          <div v-else
+                            class="w-full h-full flex items-center justify-center bg-primary/10 rounded-sm text-[8px] font-bold uppercase border">
+                            {{ p.substring(0, 2) }}
+                          </div>
+                          <Check v-if="form.language === p"
+                            class="absolute -right-2 -top-1 h-3 w-3 text-primary bg-background rounded-full border shadow-sm" />
+                        </div>
+                        <span :class="{ 'font-bold text-primary': form.language === p }">{{ p }}</span>
+                      </button>
+                    </div>
+                  </ScrollArea>
+                </PopoverContent>
+              </Popover>
+
+              <Popover v-model:open="openVersionPopover">
+                <PopoverTrigger asChild :disabled="!form.language">
+                  <Button variant="outline" role="combobox" :aria-expanded="openVersionPopover"
+                    class="justify-between w-32 h-8 text-sm font-normal" :disabled="!form.language">
+                    <span class="truncate">{{ form.lang_version || "选择版本..." }}</span>
+                    <div class="flex items-center">
+                      <ChevronsUpDown class="h-3.5 w-3.5 shrink-0 opacity-50" />
+                    </div>
+                  </Button>
+                </PopoverTrigger>
+                <PopoverContent class="p-0 w-[140px]" align="start">
+                  <div class="p-2 border-b">
+                    <div class="relative">
+                      <Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
+                      <Input v-model="versionSearch" placeholder="搜索版本..." class="h-7 pl-8 text-xs" />
+                    </div>
+                  </div>
+                  <ScrollArea class="h-48">
+                    <div class="p-1">
+                      <div v-if="filteredVersions.length === 0" class="py-4 text-center text-xs text-muted-foreground">
+                        无可用版本
+                      </div>
+                      <button v-else v-for="v in filteredVersions" :key="v"
+                        @click="() => { form.lang_version = v; openVersionPopover = false }"
+                        class="w-full flex items-center px-2 py-1.5 text-xs rounded-sm hover:bg-muted text-left transition-colors">
+                        <Check :class="cn('mr-2 h-3 w-3', form.lang_version === v ? 'opacity-100' : 'opacity-0')" />
+                        <span class="truncate">{{ v }}</span>
+                      </button>
+                    </div>
+                  </ScrollArea>
+                </PopoverContent>
+              </Popover>
+            </div>
+          </div>
+        </template>
+        <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
+          <Label class="sm:text-right text-sm">执行命令</Label>
+          <Input v-model="form.command" placeholder="node script.js" class="sm:col-span-3 h-8 text-sm font-mono" />
+        </div>
+        <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
+          <Label class="sm:text-right text-sm">工作目录</Label>
+          <div class="sm:col-span-3">
+            <DirTreeSelect v-if="selectedAgentId === 'local'" v-model="currentWorkDir" />
+            <Input v-else v-model="currentWorkDir" placeholder="工作目录（可选）" class="h-8 text-sm" />
+          </div>
+        </div>
         <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
           <Label class="sm:text-right text-sm">定时规则</Label>
           <Input v-model="form.schedule" placeholder="0 * * * * *" class="sm:col-span-3 h-8 text-sm font-mono" />