@michengai/dsh-codex-ui 0.2.89 → 0.2.91

package/CHANGELOG.md

@@ -4,6 +4,27 @@
 
 This changelog records recent releases of DSH Codex UI and its one-click installer. Earlier changes remain available in the [Git history](https://github.com/MichengAI/dsh-codex-ui/commits/main).
 
+## 0.2.91 — 2026-08-28
+
+### Release process
+
+- Replaced manual npm publication with tag-triggered GitHub Actions npm Trusted Publishing (OIDC).
+- Added a full-test and tag/package-version gate before `npm publish`; npm credentials are no longer stored in the repository or Actions secrets.
+
+## 0.2.90 — 2026-08-27
+
+Companion release: `@michengai/dsh-codex-suite-installer@0.1.7`.
+
+### Changed
+
+- Matched the expandable sidebar to the installed Codex desktop client: 275px default width, 240px minimum, and 520px maximum, capped by available viewport width.
+- Mapped the DSH host's narrower persisted drag range to the Codex visual range while preserving the 275px default anchor.
+
+### Fixed
+
+- Replaced the previous coordinate-based collapse gesture with Codex behavior: dragging below 240px collapses the sidebar.
+- Prevented the DOM width adapter from reapplying its own mapped output during host drag and rerender cycles.
+
 ## 0.2.89 — 2026-08-27
 
 Companion release: `@michengai/dsh-codex-suite-installer@0.1.6`.

package/CHANGELOG.zh-CN.md

@@ -4,6 +4,27 @@
 
 本日志记录 DSH Codex UI 及其一键安装器的最近发布；更早的变更可查看 [Git 提交历史](https://github.com/MichengAI/dsh-codex-ui/commits/main)。
 
+## 0.2.91 — 2026-08-28
+
+### 发布流程
+
+- npm 发布从本机手动执行改为由版本标签触发 GitHub Actions npm Trusted Publishing（OIDC）。
+- `npm publish` 前新增完整测试和标签/package.json 版本一致性门禁；不再在仓库或 Actions Secrets 中保存 npm 凭据。
+
+## 0.2.90 — 2026-08-27
+
+配套版本：`@michengai/dsh-codex-suite-installer@0.1.7`。
+
+### 调整
+
+- 侧边栏展开宽度按本机 Codex 桌面客户端对齐：默认 275px、最小 240px、最大 520px，并受可用视口宽度限制。
+- 将 DSH 宿主较窄的持久化拖拽范围映射到 Codex 的视觉范围，同时保留 275px 默认锚点。
+
+### 修复
+
+- 收缩手势改为 Codex 行为：拖到小于 240px 时收缩，不再使用固定屏幕坐标阈值。
+- 防止 DOM 宽度适配器在宿主拖动和重渲染期间重复换算自身已映射的输出。
+
 ## 0.2.89 — 2026-08-27
 
 配套版本：`@michengai/dsh-codex-suite-installer@0.1.6`。

package/dist/client.js

@@ -3371,15 +3371,6 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				]
 			});
 		}
-		/** 侧栏拖动手柄持续向左拉过阈值后，松手才收缩。 */
-		function shouldCollapseOnSidebarDrag(startX, endX) {
-			return startX - endX >= 100 && endX <= 180;
-		}
-		function isSidebarDragHandle(target) {
-			if (target === null || typeof target !== "object" || !("closest" in target)) return false;
-			const handle = target.closest("[data-side=\"sidebar\"]");
-			return handle !== null && String(handle.className).includes("handle");
-		}
 		/** 解析宿主 AppFrame 的 grid-template-columns。 */
 		function parseSidebarGrid(value) {
 			const match = /^(\d+(?:\.\d+)?)px\s+(minmax\(0,\s*1fr\))\s+(\d+(?:\.\d+)?)px$/.exec(value.trim());
@@ -3390,14 +3381,19 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				details: Number(match[3])
 			};
 		}
-		/** 折叠列保持原值；默认展开列收到 Codex 宽度，用户再拉宽时只减去默认多出来的部分。 */
-		function slimedSidebarWidth(hostWidth, collapsed) {
+		/**
+		* Translate the DSH host's 264–420px drag range to Codex's measured
+		* 240–520px range, preserving the 280px-host / 275px-Codex default anchor.
+		*/
+		function slimedSidebarWidth(hostWidth, collapsed, viewportWidth = Number.POSITIVE_INFINITY) {
 			if (collapsed || hostWidth <= 80) return hostWidth;
-			if (hostWidth <= 280) return 240;
-			return hostWidth - 40;
+			const maximum = Math.max(240, Math.min(520, viewportWidth - 240));
+			const source = Math.max(264, Math.min(420, hostWidth));
+			if (source <= 280) return 240 + (source - 264) * 35 / 16;
+			return 275 + (source - 280) * (maximum - 275) / 140;
 		}
-		function slimedGridTemplate(tracks, collapsed) {
-			return `${slimedSidebarWidth(tracks.sidebar, collapsed)}px ${tracks.middle} ${tracks.details}px`;
+		function slimedGridTemplate(tracks, collapsed, viewportWidth = Number.POSITIVE_INFINITY) {
+			return `${slimedSidebarWidth(tracks.sidebar, collapsed, viewportWidth)}px ${tracks.middle} ${tracks.details}px`;
 		}
 		function findSidebarFrame(root) {
 			const marked = root.querySelector("[data-sidebar-collapsed]");
@@ -3405,15 +3401,20 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			for (const node of root.querySelectorAll("div")) if (parseSidebarGrid(node.style.gridTemplateColumns) !== void 0) return node;
 		}
 		function applySlimSidebar(frame) {
-			if (frame.hasAttribute("data-dragging")) return false;
+			if (frame.hasAttribute("data-dragging")) {
+				frame.removeAttribute("data-dcu-codex-sidebar-grid");
+				return false;
+			}
 			const tracks = parseSidebarGrid(frame.style.gridTemplateColumns);
 			if (tracks === void 0) return false;
 			const collapsed = frame.hasAttribute("data-sidebar-collapsed");
-			const next = slimedGridTemplate(tracks, collapsed);
+			const next = slimedGridTemplate(tracks, collapsed, frame.getBoundingClientRect().width);
+			if (frame.getAttribute("data-dcu-codex-sidebar-grid") === frame.style.gridTemplateColumns) return false;
 			if (frame.style.gridTemplateColumns === next) return false;
 			frame.style.gridTemplateColumns = next;
+			frame.setAttribute("data-dcu-codex-sidebar-grid", next);
 			const handle = frame.querySelector("[data-side=\"sidebar\"]");
-			if (handle !== null && !collapsed) handle.style.left = `${slimedSidebarWidth(tracks.sidebar, collapsed)}px`;
+			if (handle !== null && !collapsed) handle.style.left = `${slimedSidebarWidth(tracks.sidebar, collapsed, frame.getBoundingClientRect().width)}px`;
 			return true;
 		}
 		function observeSlimSidebar() {
@@ -3469,6 +3470,17 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			};
 		}
 		//#endregion
+		//#region src/client/sidebar-drag.ts
+		/** Codex collapses the sidebar when a resize drag would make it narrower than 240px. */
+		function shouldCollapseOnSidebarDrag(startWidth, startX, endX) {
+			return startWidth + endX - startX < 240;
+		}
+		function isSidebarDragHandle(target) {
+			if (target === null || typeof target !== "object" || !("closest" in target)) return false;
+			const handle = target.closest("[data-side=\"sidebar\"]");
+			return handle !== null && String(handle.className).includes("handle");
+		}
+		//#endregion
 		//#region src/client/automation-task-settings.ts
 		const AUTOMATION_TASK_SETTINGS_EVENT = "dsh-automation:open-task-settings";
 		const AUTOMATION_TASK_SETTINGS_STORAGE_KEY = "dsh-automation:pending-task-settings";
@@ -3819,7 +3831,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			const compact = collapsed || width < 80;
 			const [visualCompact, setVisualCompact] = (0, react.useState)(compact);
 			const [collapsing, setCollapsing] = (0, react.useState)(false);
-			const lastWideWidth = (0, react.useRef)(width >= 80 ? width : 240);
+			const lastWideWidth = (0, react.useRef)(width >= 80 ? width : 275);
 			if (!compact) lastWideWidth.current = width;
 			const settingsSeat = (0, react.useRef)(null);
 			const search = (0, react.useRef)(null);
@@ -3855,6 +3867,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			]);
 			(0, react.useEffect)(() => {
 				let startX = 0;
+				let startWidth = 275;
 				let dragging = false;
 				let pointerId;
 				const onDown = (event) => {
@@ -3862,12 +3875,14 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 					dragging = true;
 					pointerId = event.pointerId;
 					startX = event.clientX;
+					const match = (document.querySelector("[data-sidebar-collapsed]") ?? [...document.querySelectorAll("div")].find((node) => node.style.gridTemplateColumns.includes("minmax(0, 1fr)")))?.style.gridTemplateColumns.match(/^(\d+(?:\.\d+)?)px\s/);
+					startWidth = match === null || match === void 0 ? 275 : Number(match[1]);
 				};
 				const onUp = (event) => {
 					if (!dragging || event.pointerId !== pointerId) return;
 					dragging = false;
 					pointerId = void 0;
-					if (!shouldCollapseOnSidebarDrag(startX, event.clientX)) return;
+					if (!shouldCollapseOnSidebarDrag(startWidth, startX, event.clientX)) return;
 					window.requestAnimationFrame(() => {
 						window.requestAnimationFrame(() => {
 							toggleSidebar();
@@ -3942,7 +3957,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				useSessions,
 				useWorkspaces
 			]);
-			const sidebarStyle = { "--dcu-sidebar-wide-width": `${lastWideWidth.current}px` };
+			const sidebarStyle = { "--dcu-sidebar-wide-width": `${slimedSidebarWidth(lastWideWidth.current, false, window.innerWidth)}px` };
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
 				className: `dcu-root${visualCompact ? " dcu-compact" : ""}${collapsing ? " dcu-collapsing" : ""}`,
 				style: sidebarStyle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@michengai/dsh-codex-ui",
-  "version": "0.2.89",
+  "version": "0.2.91",
   "description": "以 Codex 风格重构 DSH Web 侧栏的独立客户端插件",
   "license": "Apache-2.0",
   "publishConfig": {