@wangjianxiong/dsh-client-ui-sidebar-auto-collapse 0.1.6-alpha.1

package/README.i18n.yaml

@@ -0,0 +1,2 @@
+source: README.md
+target: README.zh.md

package/README.md

@@ -0,0 +1,14 @@
+---
+description: "Optional Web UI policy plugin that synchronizes the left Sidebar with right-Sidebar presentation."
+kind: "package-reference"
+---
+
+# @wangjianxiong/dsh-client-ui-sidebar-auto-collapse
+
+English | [中文](README.zh.md)
+
+## Summary
+
+This optional browser plugin collapses the left Sidebar while the right Sidebar is shown and expands it when the right Sidebar is hidden. It consumes the typed `ctx.sidebarRight.onPresentationChange()` subscription from `@deepseek-ai/dsh-client-ui-sidebar-right` and uses the idempotent `ctx.layout.setSidebarExpanded()` action.
+
+The policy applies to every right-Sidebar tab type, including file previews. Remove this package from the profile to keep the two sidebars independent.

package/README.zh.md

@@ -0,0 +1,14 @@
+---
+description: "可选的 Web UI 策略插件：根据右侧 Sidebar 的呈现状态同步左侧 Sidebar。"
+kind: "package-reference"
+---
+
+# @wangjianxiong/dsh-client-ui-sidebar-auto-collapse
+
+[English](README.md) | 中文
+
+## 概述
+
+这是一个可选的浏览器插件：右侧 Sidebar 显示时收起左侧 Sidebar，右侧 Sidebar 隐藏时展开左侧 Sidebar。插件消费 `@deepseek-ai/dsh-client-ui-sidebar-right` 提供的类型化 `ctx.sidebarRight.onPresentationChange()` 订阅，并调用幂等的 `ctx.layout.setSidebarExpanded()`。
+
+该策略适用于所有右侧 Sidebar 标签类型，包括文件预览。将本包从 profile 中移除即可让两个 Sidebar 独立工作。

package/lib/client.js

@@ -0,0 +1,23 @@
+window.__ModuleLoader__.load({
+	id: "@wangjianxiong/dsh-client-ui-sidebar-auto-collapse",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		//#region src/client/index.ts
+		/** Services required by the presentation synchronizer. */
+		const inject = ["layout", "sidebarRight"];
+		/** Install the left-sidebar synchronization listener. @param ctx - Client root context. */
+		function apply(ctx) {
+			ctx.effect(() => ctx.sidebarRight.onPresentationChange(({ shown }) => {
+				ctx.layout.setSidebarExpanded(!shown);
+			}), "ui-sidebar-auto-collapse: presentation policy");
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map

package/lib/index.js

@@ -0,0 +1,6 @@
+//#region lib/types/index.js
+/** Pure host half; the behavior is browser-only. */
+/** Host plugin body: the sidebar presentation synchronizer contributes no host services. */
+function apply() {}
+//#endregion
+export { apply };

package/lib/types/client/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Keep the two sidebars readable together: opening the right panel collapses
+ * the left panel, and hiding the right panel expands the left panel.
+ *
+ * This is a separate plugin so deployments can opt out without changing the
+ * right-sidebar surface itself. The right-sidebar plugin emits presentation
+ * changes; this plugin only consumes that event and writes the explicit layout
+ * state.
+ */
+import type { Context as ClientContext } from '@deepseek-ai/cordis';
+/** Services required by the presentation synchronizer. */
+export declare const inject: string[];
+/** Install the left-sidebar synchronization listener. @param ctx - Client root context. */
+export declare function apply(ctx: ClientContext): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+/** Pure host half; the behavior is browser-only. */
+/** Host plugin body: the sidebar presentation synchronizer contributes no host services. */
+export declare function apply(): void;
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@wangjianxiong/dsh-client-ui-sidebar-auto-collapse",
+  "description": "Optional UI plugin that collapses the left sidebar while the right sidebar is open",
+  "version": "0.1.6-alpha.1",
+  "publishConfig": { "access": "public" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DeepSeek-ai/deepseek-harness.git",
+    "directory": "packages/client/ui-sidebar-auto-collapse"
+  },
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  },
+  "dsh": {
+    "client": {
+      "inject": [
+        "@deepseek-ai/dsh-client-ui-layout",
+        "@deepseek-ai/dsh-client-ui-sidebar-right"
+      ],
+      "platform": "web"
+    }
+  },
+  "scripts": {
+    "bundle": "tsdown",
+    "watch": "tsdown --watch"
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "workspace:^"
+  },
+  "devDependencies": {
+    "@deepseek-ai/cordis": "workspace:^",
+    "@deepseek-ai/dsh-client-test-runtime": "workspace:^",
+    "@deepseek-ai/dsh-client-ui-layout": "workspace:^",
+    "@deepseek-ai/dsh-client-ui-sidebar-right": "workspace:^"
+  },
+  "files": [
+    "lib/index.js",
+    "lib/client.js",
+    "lib/types/**/*.d.ts"
+  ]
+}