CAPTAIN1275/dsh-ui-web--packages-dsh-aionui-panel ↗★ 23
@captain1275/dsh-client-ui-aionui-panel
DSH web GUI right-panel system: a pixel-faithful re-implementation of AionUi's Explorer + Preview columns (file tree, filename search, git changes, multi-tab preview of 10+ formats) driven by real host-side fs/git services, hot-pluggable via a profile bundle without any dsh source changes
AI Analysis
核心用途是增强工作区文件管理与预览。适合需要高频查看项目文件树、Git 状态及预览 Markdown/代码等多格式文件的开发者。
Install
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:CAPTAIN1275/dsh-ui-web#4a275b080cb6ff1a1a7a91a77e08aad6ad1eab56&path:packages/dsh-aionui-panelREADME
Read the full README ↗使用
项目会话(当前会话有工作目录)打开后,聊天区右侧出现两块面板:
- Explorer(最右栏,默认 260px,范围 220~500px):
文件 / 变更双 tab; 文件树整行点击展开/收起文件夹,点击文件在预览面板打开,顶部按文件名搜索 (150ms 防抖,点击结果 = 定位到树中,不打断思路);变更tab 读取真实 git 状态,支持 stage / unstage / discard(untracked 走删除,tracked 走 restore,批量放弃有确认)。 - 拖拽文件到输入框:文件树中的文件行可拖拽(目录行除外),拖到聊天
输入框区域松手即把相对路径(如
deploy/base/deployment.yaml)插入当前 会话草稿的光标处,agent 收到消息后会自行读取该文件,无需手动输入路径; 拖拽过程中输入框上方显示高亮提示条。 - Preview(右二栏,默认 480px,范围 340~1200px):多 tab 预览,支持 markdown / html / code / diff / csv / pdf / word / excel / ppt / 图片 / 文本 / url;源码/预览切换、分屏编辑(比例持久化)、保存(mtime 冲突检测)、下载、 刷新(4 态:不渲染死按钮)、dirty 点、中键关闭、右键菜单批量关闭 (dirty 确认)、tab 溢出渐变指示器。
交互细节:
- 拖拽左缘把手调宽(rAF 每帧合并,body user-select:none);双击把手复位默认宽度。
- 两级宽度钳位(Explorer 先、Preview 后)数学保证聊天区 >= 360px;超限值回写持久化。
- 折叠 = 宽度缩 0 且组件保持挂载(树展开态 / 预览 tab 不丢),无过渡动画; 折叠后右侧出现浮动展开按钮。
- 明暗双主题跟随 GUI(
body[data-ds-dark-theme]),prefers-reduced-motion 全局禁用动画。 - 偏好按项目隔离持久化(localStorage keys 与 AionUi 一致):
chat-workspace-width-px/chat-preview-width-px/preview-panel-split-ratio/project-panel-collapse:/explorer-ui:/scm-ui:/preview-ui:(LRU 上限 12 scope)。读取一律范围校验,非法值回退默认。