【免费下载链接】herdr-web-uiBrowser and phone client for herdr: chat and live terminal for every agent pane, remote PCs over SSH, web push alerts项目地址https://gitcode.com/gh_mirrors/he/herdr-web-ui点击查看免费下载herdr-web-ui 是 herdr 的浏览器与手机端客户端让你为每个 Agent 窗口pane提供聊天和实时终端还能通过 SSH 连接远程电脑、接收 Web 推送提醒。其中最能帮上忙的两个功能是文件浏览器Browse files和Git Diff 视图Agent 写完代码后你不用切回终端敲git diff在网页或手机上点几下就能看完整改动列表和逐行对比。这篇教程带你走完整个流程。文件浏览器从哪里打开两个入口文件浏览器围绕当前 Agent 所在的工作目录工作有两个入口入口操作方式适用场景Browse files选中一个 pane在操作菜单中点Browse files浏览 Agent 工作目录里的任意文件命令面板按 ModShiftK 打开命令面板输入路径如~/或选择Browse folders快速跳转、跨电脑定位目录面板右上角还有放大镜图标可以把当前文件夹直接丢进命令面板继续跳转。文件浏览器内部有两个标签页Browse浏览树形目录浏览器点开任意文件进入文件查看器——图片、视频、音频、PDF、文本都支持还能下载到手机。Changes变更列出该目录所在 git 仓库的改动也就是下面的 Git Diff 视图。用 Changes 标签查看 Git 变更三种对比范围切到Changes标签后列表按文件夹树组织每个文件一行显示 git 状态字母M、A、D等以及新增/删除的行数文件夹可以折叠折叠状态在刷新后依然保留。你可以选择三种对比范围Working tree工作区未提交的所有改动最常用的模式Staged暂存区已git add到暂存区的内容Commits任意两个提交填写 base 与 head提交名或哈希点 Compare 即可对比历史版本。打开单个文件的 Diff统一/分栏、复制补丁与补丁点击变更列表中的任意一行就会打开该文件的 Diff 视图实现见 RepoDiffViewer.tsx顶栏提供Unified / Split统一视图或左右分栏视图在 设置 → Chat → File viewer → Diff layout 中调整手机端自动显示为单栏Copy path复制文件路径方便发给别人或粘贴进终端Copy patch复制 git 原样输出的补丁文本Open file直接在文件查看器中打开该文件的完整内容。每个变更块周围的未改动上下文行默认折叠为一行展开可看全貌1 万行级别的超长 diff 也只渲染可视区域内的行滚动不卡顿相关实现见 RepoDiff.tsx。捷径提示聊天里每个回合的 Worked for … 工作块会列出该回合编辑工具动过的文件直接点击这些文件链接打开的是同一个 Diff 视图——审查 Agent 某一轮改动时比手动翻列表更快。手机和远程电脑也能看Diff 视图的跨设备体验文件浏览器与 Diff 视图在手机上以全屏抽屉sheet呈现下滑或系统返回先关闭文件再关闭面板层级清晰。如果你的 Agent 跑在通过 SSH 接入的远程电脑上变更列表也是在那台电脑上本地读取的仓库状态延迟与权限和在你自己终端里执行git diff一致。放心看只读、有上限、不会误操作Git Diff 视图的后端repo-diff.ts坚持几个安全设计只读所有 git 调用都是无 shell 的参数数组绝不写入仓库有上限文件列表最多 2000 个、单个补丁超过 1 MiB 会如实提示过大而不是截断半个 hunk有超时单次 git 进程最长 10 秒超时即终止不会挂死页面权限等同终端它只能读到该服务器用户能读到的内容不多不少。更多细节可查阅官方指南中的功能表docs/guide.md相关组件源码在 FilesDialog.tsx 与 RepoChanges.tsx。总结打开Browse files → Changes选对比范围点开文件看 Diff——三步即可审查 Agent 的全部改动。配合聊天工作块里的文件直达链接Agent 到底改了哪些代码这个问题在 herdr-web-ui 里永远只有两到三次点击的距离。赞分享【免费下载链接】herdr-web-uiBrowser and phone client for herdr: chat and live terminal for every agent pane, remote PCs over SSH, web push alerts项目地址https://gitcode.com/gh_mirrors/he/herdr-web-ui点击查看免费下载相关推荐无浏览器的 SSH 环境如何用 codegraph ui 查看代码图谱无浏览器的 SSH 环境如何用 codegraph ui 查看代码图谱 通过 SSH 登录远程机器、在远端项目上工作时远端通常没有图形界面。codegrap开发工具静态分析MCP 服务知识图谱cad-viewer对比查看器使用指南如何在浏览器里快速做CAD图纸版本Diff与审查cad viewer对比查看器使用指南如何在浏览器里快速做CAD图纸版本Diff与审查 cad viewer 是一个完全运行在浏览器里的开源 DXF/DWG前端3D渲染图形学如何在浏览器中快速查看DXF文件Three.js DXF查看器完整指南如何在浏览器中快速查看DXF文件Three.js DXF查看器完整指南 在现代Web开发中直接在浏览器中查看CAD设计文件已经成为许多行业的基本需求。Thr创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考