智能体开发环境工具

Z Code 基于多智能体框架，构建了一整套功能完备的智能体开发环境工具。这些工具旨在为您提供一个无缝、高效的工作区，让您可以在不离开应用的情况下，完成从任务管理、文件管理、代码编写、命令行操作到版本控制和项目预览的整个开发生命周期。

任务管理器

同一个项目下的历史对话会以任务形式保留，用户可对任务进行重命名和删除等管理操作。

文件管理器

提供对项目内文件和目录结构的完整可视化管理，支持：

• 预览：快速预览文件内容
• 添加到上下文对话：将文件添加为 Agent 对话的上下文
• 多端跳转：支持在访达 (Finder)、集成终端或其他外部 IDE 中快速打开目标文件
• 基础操作：支持剪切/复制、重命名及删除等常用文件管理功能

Git 提交

提供一个简洁的图形化界面 (GUI) 来处理常见的 Git 版本控制操作，让代码提交过程更加直观高效。

远程开发

在桌面端 Z Code 中启动远程服务后，会生成连接二维码或地址，在移动设备扫描或输入即可建立连接。支持从移动设备控制桌面开发会话，无需携带电脑也能随时响应紧急需求。

命令行面板

右上角可以唤起命令行面板，对于习惯使用 CLI 的开发者，可以在此直接执行编译、调试、部署等各类命令，实现对项目的灵活控制。

网页浏览器

内置网页浏览器，专为前端项目的实时预览而设计：

• 实时预览：直接在 Z Code 内渲染您的前端项目，无需切换到外部浏览器即可查看页面效果。
• 元素选择：支持通过点击或悬停快速定位页面元素。系统会实时显示元素的标签名、Tailwind CSS 类名及精准的像素尺寸。
• 开发者工具：内置完整的 Web 调试面板，提供与浏览器一致的 Elements、Console、Sources 等功能。您可以直接在编辑器内查看 DOM 树结构、实时修改 CSS 样式并查看反馈。
• 设备视口：支持响应式布局测试，可一键切换手机、平板等多种预设设备尺寸（如 Mobile 375x667），帮助您轻松调试不同屏幕下的页面适配效果。

右侧边栏（文件预览区）

• 代码差异对比 (Diff)：集成直观的 Diff 视图，可清晰查看版本更迭或 AI 修改前后的代码差异，精准掌控每一行变更。
• HTML 预览：内置浏览器内核，支持一键开启网页预览，无需离开编辑器即可查看前端页面的最终渲染效果。
• Markdown 预览：提供高性能的 Markdown 渲染，支持文档即时预览，让您的 README 或技术文档编辑更直观。
• 布局灵活切换：通过右上角的布局控制按钮，可根据当前任务流快速开启或收起侧栏，最大化利用屏幕空间。

下一步