DSH Plugin HubDSH 插件市场
oxlyn/dsh-flyout-sidebar 预览 preview

oxlyn/dsh-flyout-sidebar

Plugin插件 Native原生 ⭐ 2 MIT UI & Themes界面与主题

装完重启 dsh web 并硬刷新浏览器（Cmd/Ctrl+Shift+R），界面右上角应出现常驻侧边栏图标按钮（无会话时也可见）。也可验证配置层：

catalog descriptioncatalog 简介 / catalog description：deepseek harness flyout sidebar

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

dsh-flyout-sidebar is a native plugin built specifically for DeepSeek Harness (DSH), exposing a flyout-style right sidebar inside the DSH web UI. Its core capability combines a lazy-loading file-tree view with a live list of uncommitted Git changes and multi-tab previews of files and colored unified diffs, covering Markdown, images, and offline PDFs via vendored pdf.js. Installation is done through the DSH CLI: dsh plugin --profile web add dsh-flyout-sidebar from npm, dsh plugin --profile web add github:oxlyn/dsh-flyout-sidebar for source, or after cloning the repo, npm install && npm run build followed by dsh plugin --profile web add ./dsh-flyout-sidebar as a symlink for development, then dsh web to start.

The typical workflow keeps developers anchored in a DSH chat while they explore the current workspace: the file-tree pane (sorted directories first, filename search via git ls-files) switches to a Git view showing M/A/D/R/U badges, +n −n line counters, and per-file diffs versus HEAD for tracked and untracked files. Clicking a file opens it in a large overlay that covers the whole left chat column, with syntax highlighting, soft-wrap toggle, native ⌘/Ctrl+F search, and an external ↗ button that opens the path in the system editor. A second ↗ in the sidebar header pops the panel out to /flyout-sidebar as a standalone browser tab that can be dragged to another monitor, with panel width and left/right side persisted in localStorage.

Dependencies and limits are minimal: Node ≥20 (matching DSH host), git on PATH with the workspace inside a git repository (non-git workspaces only disable the Git view, not the file tree), zero runtime dependencies, and devDependencies tsdown plus typescript for local builds. The tsdown config emits two bundles — dist/index.js for the host ESM side and dist/client.js as a browser IIFE — wired into DSH through inject: ['webServer', 'sessionQuery', 'timer'] and a cordis.patch.yml mount patch, with no state-changing routes and all reads sandboxed to the workspace. Settings live in DSH's settings UI under a new "Flyout Sidebar" tab and persist under dsh-flyout-sidebar:settings in localStorage. License is MIT; after installing you must restart dsh web and hard-reload the browser, and if your profile's pnpm minimumReleaseAge (default 24h) delays the install, add the package name to minimumReleaseAgeExclude to unlock it immediately.

dsh-flyout-sidebar 是面向 DeepSeek Harness（DSH）的原生插件，提供一个可弹出式侧边栏。核心能力是把文件树视图与 Git 未提交变更列表整合在同一面板，并支持多标签预览文件、着色 unified diff、Markdown/图片/PDF 渲染。安装方式为 dsh plugin --profile web add dsh-flyout-sidebar（npm）或 add github:oxlyn/dsh-flyout-sidebar（源码），本地开发可克隆仓库执行 npm install 与 npm run build，再用 dsh plugin --profile web add ./dsh-flyout-sidebar 符号链接安装，最后运行 dsh web 启动。

典型工作流是：在 DSH 会话中打开右侧文件浏览器浏览当前工作区，切换到 Git 视图查看 M/A/D/R/U 状态及 +n −n 行数统计，点击文件在左侧大面积预览区查看代码或 diff，并可通过左上角 ↗ 一键弹出为 /flyout-sidebar 独立浏览器标签页，拖到另一块显示器使用，面板与弹出页通过 localStorage 同步会话与主题。它面向需要在 DSH 会话中持续浏览代码、审阅改动、跨屏工作的开发者与团队。

依赖与限制方面，要求 Node ≥20、git 在 PATH 中且工作区为 git 仓库（非 git 仓库时 Git 视图报错，文件树仍可用）；运行时零依赖，本地构建需 tsdown、typescript 等 devDependencies。设置项通过 DSH 设置面板新增的「Flyout Sidebar」选项卡配置，存储于 localStorage 的 dsh-flyout-sidebar:settings。许可证为 MIT，安装后必须重启 dsh web 并硬刷新浏览器才能生效；若 DSH profile 的 pnpm minimumReleaseAge 默认 24 小时暂缓安装，可将其加入 minimumReleaseAgeExclude 立即解锁。

View on GitHub在 GitHub 查看

Recommended强烈推荐 Send to your DSH发给你的 DSH 安装 
请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】，检查通过再动手。

插件：dsh-flyout-sidebar（oxlyn/dsh-flyout-sidebar）
仓库：https://github.com/oxlyn/dsh-flyout-sidebar
本站详情页：https://www.yhbd.top/plugins/oxlyn-dsh-flyout-sidebar/
本站登记：类型 plugin · 归类 原生 DSH 插件 · 许可证 MIT · ⭐ 2 · 最近提交 2026-09-25 · 主语言 TypeScript

按下面顺序执行，每步先把结论告诉我，再进入下一步：

【1 兼容性检查】
① 我这边：DSH 版本、Node 版本、操作系统、当前 profile（web / desktop）。
② 读它的 README、package.json、插件 manifest，列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对，结论只写「满足 / 不满足 / 未知」三种；不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突：命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。

【2 安全性检查】
① 仓库可信度：和上面「本站登记」是否一致；star / fork 数、创建时间、最近提交，是否归档或长期停更。
② 安装脚本：逐行看 package.json 的 preinstall / install / postinstall，以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名，立刻停下来告诉我，不要继续装。
③ 依赖：列出新增依赖，标出无人维护、或与知名包拼写近似的可疑包（typosquatting）。
④ 权限与副作用：它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限（filesystem / network / shell / clipboard 等），以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限，或权限明显超出功能所需，先停下来问我。

【3 安装】
上面两步没有「不满足」和「高危项」时才执行；用官方推荐方式安装，不要自行提权。

【4 汇报】
用表格输出：检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜，也不要替我决定。

Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH：它会先核对兼容性与安全性（逐条给「满足 / 不满足 / 未知」），确认没问题再安装，有高危项会停下来问你。框内可滚动，复制到的是完整提示词；安装命令不一定准确，发给 DSH 更稳。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 warning1 项注意
  • Only 2 stars - very few users, little community feedback星标只有 2，几乎没人在用，遇到问题缺少社区反馈
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时（Electron / Python / Docker 等）是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突：命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致，是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需（filesystem / network / shell / clipboard）
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限，以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照，不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装 

dsh plugin --profile web add dsh-flyout-sidebar

把 oxlyn/dsh-flyout-sidebar 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

11.7 KB · 缓存于 2026-09-29 05:49:28 · 11.7 KB

dsh-flyout-sidebar

npm version License: MIT

DeepSeek Harness (DSH) 插件：可弹出式侧边栏——文件树 + Git 未提交变更列表，多标签预览文件与 diff，预览区盖住整个会话区，还能一键弹出为独立浏览器标签页、拖到另一块显示器。

中文 ｜ EN

侧边栏面板

安装 / Install

npm 安装（推荐）

dsh plugin --profile web add dsh-flyout-sidebar

源码安装（GitHub）

dsh plugin --profile web add github:oxlyn/dsh-flyout-sidebar

本地安装（开发）

git clone https://github.com/oxlyn/dsh-flyout-sidebar.git
cd dsh-flyout-sidebar
npm install
npm run build          # tsdown → dist/index.js + dist/client.js

# 在插件的父目录执行（dsh plugin add 的相对路径锚定调用目录）：
cd ..
dsh plugin --profile web add ./dsh-flyout-sidebar   # 符号链接安装；改 src/ 后 npm run build 并重启 dsh web 即可生效
dsh web

验证 / Verify

装完重启 dsh web 并硬刷新浏览器（Cmd/Ctrl+Shift+R），界面右上角应出现常驻侧边栏图标按钮（无会话时也可见）。也可验证配置层：

dsh --profile web --dump-config | grep dsh-flyout-sidebar   # 配置层含本行

核心特性 / Highlights

  • 可弹出：面板左上角 ↗ 一键弹出为 /flyout-sidebar 独立浏览器标签页——可拖到另一块显示器当"文件面板"用，主屏对话不受任何遮挡；面板与弹出页经 localStorage 实时同步会话与主题，弹出页无标题栏、垂直空间全部留给内容
  • 预览显示面积大：预览覆盖层盖住侧边栏左侧整个会话区域（不是挤在窄面板里），代码行号 + 语法高亮、长文件、大图、PDF 都有足够的阅读宽度
  • 多标签预览文件 / diff：可同时打开多个文件标签，也可直接点 Git 变更列表打开着色 unified diff；支持代码高亮、Markdown 渲染、图片、PDF（内嵌 pdf.js，离线可用）、HTML 沙箱 iframe；⇥ 一键收起/恢复全部标签
  • 自动刷新：Git 变更列表自动跟随——agent 每次工具执行后 700ms 去抖刷新 + 2s 轮询 + 15s 兜底覆盖 IDE 等带外修改；点刷新按钮强制拉取真实状态，列表逐行浮现提示

多标签预览——大面积预览区

功能 / Features

# 形式 入口 说明
1 文件树视图（默认） 面板打开即见 浏览当前工作区目录，懒加载展开、目录优先排序，实时跟随工作区/会话切换重新定位根目录；顶部搜索框按文件名过滤（git ls-files 秒搜全仓，尊重 gitignore）
2 Git 变更视图 面板右上角 git 分支图标 列出已变更未提交文件（M/A/D/R/U 徽章，悬停显示已暂存/未暂存，重命名显示原路径，每行显示 +n −n 行数统计）；点击文件显示相对 HEAD 的着色 unified diff，未跟踪文件自动合成新文件 diff
3 多标签预览 点击文件 预览覆盖层盖住侧边栏左侧整个区域，可同时打开多个文件；按扩展名自动语法高亮，另支持 Markdown 渲染、图片、PDF、HTML 沙箱 iframe；⇥ 收起整个预览（标签保留，点文件恢复）
4 弹出独立标签页 面板左上角 ↗ 弹出为 /flyout-sidebar 独立网页，可拖到另一显示器；内容在左/面板在右，面板左右位置一键切换、宽度可拖动（默认最小宽，记忆偏好）

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要，完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

渲染基于仓库 oxlyn/dsh-flyout-sidebar 的 README.md。 在 GitHub 查看原文 →

Related相关推荐

← 上一个 Prev dsh-sketchup 下一个 Next dsh-data-analysis →