对话列拖拽偏移 xiaozhengdeng/dsh_center-column-shift

dsh_center-column-shift

Center Column Shift — 一个用于 DeepSeek Harness 的浏览器（客户端）插件，它通过一个可拖拽的手柄将整个对话列向左移动，从而在右侧腾出空间，让插件内容有更多展示余地。

Center Column Shift 截图

标准模式下的 Center Column Shift

功能说明

DeepSeek Harness 渲染一个三列框架：sidebar | conversation | details。插件界面（例如 AgentTeams 活动面板、OmniParser/OmniVision 停靠区，或任何占据框架右侧的面板）必须与对话列共享宽度，因此它们经常被挤压或部分隐藏在对话列后面。

此插件在横跨整个框架的 shell.overlay 层中添加了一个小型浮动手柄（⇔ 移动内容），与“Full access”标签垂直对齐。拖拽它会对整个对话列应用 translateX() 变换——会话内容以及输入编辑器一起移动——将聊天向左滑动，从而打开右侧空间。位于右侧的插件内容随后获得额外空间，可以显示更多内容（更宽的列、完整面板、更多细节）。

- 拖拽手柄以向左移动该列（限制为 min(1000px, 框架宽度的 50%)）。
- 双击手柄或按 ↺ 以重置到原始位置。
- 偏移量在会话切换后仍然保留：插件会实时重新定位滚动主体（通过 MutationObserver + ResizeObserver），并在对话节点重建时重放当前偏移量。

安装

build (from the repo root; requires the DSH checkout's toolchain, see below)
pnpm build

install into a profile (bundle layer)
dsh plugin --profile add file:G:/deepseek/plugins/dsh_center-column-shift

该包将自身声明为 dsh.client 插件（platform: web），并且附带一行 dsh.bundle 补丁，因此 dsh plugin add 会将其提升为 profile bundle 层；随后 dsh-client-modules 会扫描 dsh.client 声明，并自动将浏览器部分加载到 Web 启动清单中。不提供任何宿主端行为——整个功能都在客户端侧。

注意：包名使用下划线（dsh_center-column-shift）；客户端 bundle 模块 id 必须与包名一致，因此它会自动保持同步（在构建时从 package.json 读取）。

用法

安装并刷新页面后，手柄会出现在对话列右边缘的垂直居中位置（如果未找到访问标签，则出现在编辑器上方）。拖拽它；松开后会以平滑过渡稳定下来。

开发

node half (thin stub) + client half + browser closure bundle
pnpm build

or step by step, using the DSH checkout toolchain:
$tsc = "G:\deepseek\deepseek-harness\node_modules\typescript\bin\tsc"
$tsdown = "G:\deepseek\deepseek-harness\node_modules\tsdown\dist\run.mjs"
node $tsc -p tsconfig.json # node 半 -> lib/
node $tsc -p tsconfig.client.json # client 半 -> lib/client/
node $tsdown # closure bundle -> lib/client.js

client bundle 遵循 harness 的 clientBundle 协议（window.__ModuleLoader__.load）；react、@deepseek-ai/cordis 和 @deepseek-ai/dsh-client-runtime 保持 external，运行时从 loader 模块表解析。

许可证

MIT

dsh_center-column-shift

Center Column Shift — DeepSeek Harness 的浏览器端（client）插件：通过一个可拖动把手，把整个会话列向左平移，给右侧腾出空间，让插件内容显示更多。

Center Column Shift 效果图

Center Column Shift 标准模式效果

功能简介

DeepSeek Harness 的界面是 侧栏 | 会话 | 详情 三列布局。各类插件的界面（例如 AgentTeams 活动面板、OmniParser/OmniVision 识别面板，或任何占据框架右侧的插件面板）都要和会话列共享宽度，经常被挤得很窄，甚至被会话列遮挡一部分。

本插件在全局浮层 shell.overlay 上添加一个悬浮把手（⇔ 移动内容），与「Full access」芯片垂直对齐。拖动把手会对整个会话列应用 translateX() 变换——会话内容和输入框一起整体向左平移，右侧随之空出来。原本显示在右侧的插件内容就能利用多出来的空间，展示更多内容（更宽的列、完整的面板、更多细节）。

- 拖动把手，会话列整体向左平移（上限 min(1000px, 50% 帧宽)）。
- 双击把手或点击 ↺ 复位到原位。
- 偏移量在切换会话后自动保持：插件通过 MutationObserver + ResizeObserver 实时重定位滚动容器，会话节点重建后自动重放当前偏移。

安装 powershell 构建（在仓库根目录；需要 DSH checkout 的工具链，见下文）
pnpm build

安装到某个 profile（bundle 层）
dsh plugin --profile add file:G:/deepseek/plugins/dsh_center-column-shift

本包同时声明为 dsh.client 插件（platform: web）并附带 dsh.bundle patch 行，因此 dsh plugin add 会把它提升为 profile 的 bundle 层；dsh-client-modules 会扫描 dsh.client 声明并自动把浏览器半加载进 Web 启动清单。本插件不提供任何宿主侧行为，整个功能都在浏览器端。

说明：包名带下划线（dsh_center-column-shift）；client bundle 的模块 id 必须等于包名，构建时从 package.json 自动读取，始终保持同步。

使用方法

安装并刷新页面后，把手会出现在会话列右侧垂直居中的位置（找不到访问模式芯片时则显示在输入框上方）。拖动把手，松开后平滑归位。

开发 powershell
node 半（stub）+ client 半 + 浏览器 closure bundle
pnpm build

或使用 DSH checkout 工具链分步执行： $tsc = "G:\deepseek\deepseek-harness\node_modules\typescript\bin\tsc" $tsdown = "G:\deepseek\deepseek-harness\node_modules\tsdown\dist\run.mjs"
node $tsc -p tsconfig.json # node 半 -> lib/
node $tsc -p tsconfig.client.json # client 半 -> lib/client/
node $tsdown # closure bundle -> lib/client.js

client bundle 遵循 harness 的 clientBundle 协议（window.__ModuleLoader__.load）；react、@deepseek-ai/cordis 和 @deepseek-ai/dsh-client-runtime 保持 external，运行时从 loader 模块表解析。

许可证

MIT