@michengai/dsh-codex-ui 1.1.10 → 1.1.11

package/CHANGELOG.md

@@ -4,6 +4,30 @@
 
 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).
 
+## 1.1.11 - 2026-09-16
+
+- Open the settings page (and usage statistics) through a `document.body` portal so a collapsed 56px rail cannot trap the overlay in a transform containing block.
+- Skip the dsh-context `context-overview` footer action by slot id and render the remaining footer actions one by one. Usage statistics stays visible. Footer actions without an id are dropped. The per-session Context tab is unchanged.
+- Pin a dragged project into an empty pinned section even when dragleave clears the insertion target.
+
+## suite-installer-v1.0.13 - 2026-09-16
+
+Install or maintain 11 first-party plugins in one step. Included plugins and versions:
+
+- `@michengai/dsh-archive-manager@0.1.43`
+- `@michengai/dsh-codex-ui@1.1.10`
+- `@michengai/dsh-skills-manager@0.1.52`
+- `@michengai/dsh-agency-agents@0.1.43`
+- `@michengai/dsh-im-connect@0.1.50`
+- `@michengai/dsh-automation@0.1.44`
+- `@michengai/dsh-btw@0.1.8`
+- `@michengai/dsh-simplify@0.1.5`
+- `@michengai/dsh-pua@0.3.13`
+- `@michengai/dsh-code-review@0.1.2`
+- `@michengai/dsh-codex-pet@0.1.6`
+
+The installer uses these exact versions for reproducible installation.
+
 ## 1.1.10 - 2026-09-16
 
 - Cold start registers session titles through a dedicated `@michengai/dsh-codex-ui/session-title` plugin after `sessionTitle` and `llm` are ready, and recycles the provider on unload.

package/CHANGELOG.zh-CN.md

@@ -4,6 +4,30 @@
 
 本日志记录 DSH Codex UI 及其一键安装器的最近发布；更早的变更可查看 [Git 提交历史](https://github.com/MichengAI/dsh-codex-ui/commits/main)。
 
+## 1.1.11 - 2026-09-16
+
+- 设置页和用量统计改为挂到 `document.body`。侧栏收缩后，宿主或插件若给窄轨加了 transform，全屏页不再被困在 56px 里挤成竖排。
+- 侧栏底部按 slot id 跳过 dsh-context 的 `context-overview`，其余底部动作（含费用统计）仍按 id 单独渲染。没有 id 的底部动作不渲染。会话里的上下文页还在。
+- 置顶为空时，从项目区拖入仍会置顶；松手时即使蓝线落点被清掉也不丢。
+
+## suite-installer-v1.0.13 - 2026-09-16
+
+一键维护安装 11 个自研插件。包含以下插件及版本：
+
+- `@michengai/dsh-archive-manager@0.1.43`
+- `@michengai/dsh-codex-ui@1.1.10`
+- `@michengai/dsh-skills-manager@0.1.52`
+- `@michengai/dsh-agency-agents@0.1.43`
+- `@michengai/dsh-im-connect@0.1.50`
+- `@michengai/dsh-automation@0.1.44`
+- `@michengai/dsh-btw@0.1.8`
+- `@michengai/dsh-simplify@0.1.5`
+- `@michengai/dsh-pua@0.3.13`
+- `@michengai/dsh-code-review@0.1.2`
+- `@michengai/dsh-codex-pet@0.1.6`
+
+安装器使用这些精确版本执行安装，确保可复现。
+
 ## 1.1.10 - 2026-09-16
 
 - 冷启动也能自动命名：独立挂上 `@michengai/dsh-codex-ui/session-title`，等 `sessionTitle` 与 `llm` 就绪后再占 first-prompt；卸载时回收提供方。

package/lib/client.js

@@ -2451,6 +2451,18 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				workspaceId
 			};
 		}
+		/**
+		* 空置顶没有项目行可自行计算落点，松手时 dragleave 又常把 relatedTarget 置空并清掉蓝线。
+		* 只要这次 drop 发生在置顶区，空列表也必须把项目置顶。
+		*/
+		function resolvePinnedSectionDrop(draggedWorkspace, target, pinnedEmpty) {
+			if (draggedWorkspace === void 0) return void 0;
+			if (target?.zone === "pinned") return {
+				id: draggedWorkspace,
+				beforeId: target.beforeId
+			};
+			return pinnedEmpty ? { id: draggedWorkspace } : void 0;
+		}
 		/** 按指定 id 顺序取出对应项；未出现在 ids 中的项丢弃。 */
 		function orderByIds(items, ids, idOf) {
 			const byId = new Map(items.map((item) => [idOf(item), item]));
@@ -4492,10 +4504,11 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 									const target = workspaceDropTargetRef.current;
 									setWorkspaceDragId(void 0);
 									setWorkspaceDropTarget(void 0);
-									if (draggedWorkspace !== void 0 && target?.zone === "pinned") pinWorkspaceAt(draggedWorkspace, target.beforeId);
+									const drop = resolvePinnedSectionDrop(draggedWorkspace, target, pinnedGroups.length === 0);
+									if (drop !== void 0) pinWorkspaceAt(drop.id, drop.beforeId);
 								},
 								onDragLeave: (event) => {
-									if (event.currentTarget.contains(event.relatedTarget)) return;
+									if (!(event.relatedTarget instanceof Node) || event.currentTarget.contains(event.relatedTarget)) return;
 									setWorkspaceDropTarget(void 0);
 								},
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -4541,10 +4554,36 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 														zone: "pinned",
 														beforeId: void 0
 													});
+												},
+												onDrop: (event) => {
+													event.preventDefault();
+													event.stopPropagation();
+													const draggedWorkspace = readWorkspaceDrag(event.dataTransfer, workspaceDragId);
+													setWorkspaceDragId(void 0);
+													setWorkspaceDropTarget(void 0);
+													if (draggedWorkspace !== void 0) pinWorkspaceAt(draggedWorkspace);
 												}
 											}),
 											pinnedGroups.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 												className: "dcu-wb-empty",
+												onDragOver: (event) => {
+													if (!pinDragActive) return;
+													event.preventDefault();
+													event.stopPropagation();
+													event.dataTransfer.dropEffect = "move";
+													setWorkspaceDropTarget({
+														zone: "pinned",
+														beforeId: void 0
+													});
+												},
+												onDrop: (event) => {
+													event.preventDefault();
+													event.stopPropagation();
+													const draggedWorkspace = readWorkspaceDrag(event.dataTransfer, workspaceDragId);
+													setWorkspaceDragId(void 0);
+													setWorkspaceDropTarget(void 0);
+													if (draggedWorkspace !== void 0) pinWorkspaceAt(draggedWorkspace);
+												},
 												children: t("workspace.pinnedEmpty")
 											}),
 											pinnedGroups.map((workspace) => renderGroup(workspace, "pinned")),
@@ -6449,6 +6488,8 @@ body[data-ds-dark-theme] [data-conversation-scroll] [data-trigger-menu]{backgrou
 		//#region src/client/CodexSidebar.tsx
 		const subscribeEmptyCompanionTabs = () => () => {};
 		const getEmptyCompanionTabs = () => EMPTY_COMPANION_TABS;
+		const emptyFooterActions = [];
+		const getEmptyFooterActions = () => emptyFooterActions;
 		const SIDEBAR_COLLAPSE_SETTLE_MS = 500;
 		const SIDEBAR_EXPANSION_STORAGE_KEY = "dsh-codex-ui.sidebar-expansion.v1";
 		const EXTENSIONS_EXPANSION_KEY = "extensions";
@@ -6833,8 +6874,9 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			});
 		});
 		/** Codex 风格的 DSH 侧栏，只替换导航外观，项目浏览和设置仍由 DSH 官方组件提供。 */
-		function CodexSidebar({ globalPanels, selectPanel, usePanelInfo = useLegacyPanelInfo, collapsed, width, openSession, startSession, toggleSidebar, archiveSession, canDeleteSession, deleteSession, forkSession, moveSession, renameSession, openPath, companionSlots, renderSlot, t, useSessions, useSessionPendingInteraction, useWorkspaces, prefillNewConversation, newConversationDraft }) {
+		function CodexSidebar({ globalPanels, footerActions, selectPanel, usePanelInfo = useLegacyPanelInfo, collapsed, width, openSession, startSession, toggleSidebar, archiveSession, canDeleteSession, deleteSession, forkSession, moveSession, renameSession, openPath, companionSlots, renderSlot, t, useSessions, useSessionPendingInteraction, useWorkspaces, prefillNewConversation, newConversationDraft }) {
 			const panels = (0, react.useSyncExternalStore)(globalPanels?.subscribe ?? subscribeEmptyCompanionTabs, globalPanels?.getSnapshot ?? getEmptyPanels, globalPanels?.getSnapshot ?? getEmptyPanels);
+			const visibleFooterActions = (0, react.useSyncExternalStore)(footerActions?.subscribe ?? subscribeEmptyCompanionTabs, footerActions?.getSnapshot ?? getEmptyFooterActions, footerActions?.getSnapshot ?? getEmptyFooterActions);
 			const activePanelId = usePanelInfo((info) => info.activePanelId);
 			const panelButtons = (wide) => selectPanel === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlobalPanelButtons, {
 				panels,
@@ -7325,7 +7367,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 						className: "dcu-foot",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "dcu-footer-actions",
-							children: renderSlot("sidebar.footer.action", { wide: !visualCompact })
+							children: footerActions === void 0 ? renderSlot("sidebar.footer.action", { wide: !visualCompact }) : visibleFooterActions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderSlot("sidebar.footer.action", { wide: !visualCompact }, { only: action.id }) }, action.id))
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							ref: settingsSeat,
 							className: "dcu-settings-seat",
@@ -8550,6 +8592,38 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"sessionTitle.type.research": "Research",
 			"meta.locale": "en-US"
 		};
+		const HIDDEN_FOOTER_ACTION_IDS = /* @__PURE__ */ new Set(["context-overview"]);
+		function visibleFooterActions(slots) {
+			return slots.entriesOfSlot("sidebar.footer.action").flatMap(({ options }) => {
+				const id = options.id;
+				if (id === void 0 || HIDDEN_FOOTER_ACTION_IDS.has(id)) return [];
+				return [{
+					id,
+					order: options.order ?? 0
+				}];
+			}).sort((left, right) => left.order - right.order);
+		}
+		function sameFooterActions(left, right) {
+			return left.length === right.length && left.every((action, index) => {
+				const previous = right[index];
+				return previous !== void 0 && action.id === previous.id && action.order === previous.order;
+			});
+		}
+		/** 给 React useSyncExternalStore 用的底部动作快照；按 slot id 过滤，不靠 DOM class。 */
+		function createFooterActionSource(slots) {
+			let cached = [];
+			return {
+				getSnapshot() {
+					const next = visibleFooterActions(slots);
+					if (sameFooterActions(next, cached)) return cached;
+					cached = next;
+					return cached;
+				},
+				subscribe(listener) {
+					return slots.subscribe("sidebar.footer.action", listener);
+				}
+			};
+		}
 		//#endregion
 		//#region src/client/host-open-path.ts
 		const OPEN_IN_EXPLORER_ENDPOINT = CODEX_UI_API_ENDPOINTS.openInExplorer;
@@ -8985,10 +9059,10 @@ html[data-dsh-native-backdrop=mica] #root :is([class$="_centerCol"],[class$="_de
 html[data-dsh-native-backdrop=mica] :is(.dcu-root,.dcu-settings-nav){background:rgba(255,255,255,.18)}
 html[data-dsh-native-backdrop=mica] body[data-ds-dark-theme] :is(.dcu-root,.dcu-settings-nav){background:rgba(20,23,22,.18)}
 /* 会话折叠容器显式设了 visible，必须同时隐藏隔离分支的后代，避免穿透透明设置页。 */
-html[data-dsh-native-backdrop=mica] .dcu-root:has(.dcu-settings-page) :is([inert],[inert] *){visibility:hidden!important}
+html[data-dsh-native-backdrop=mica] body:has(.dcu-settings-page) .dcu-root :is([inert],[inert] *){visibility:hidden!important}
 /* 同步隐藏本设置页隔离的外部 portal，保留引导模态及其他组件自己的 inert 语义。 */
 body:has(.dcu-settings-page) :is([data-dcu-settings-isolated],[data-dcu-settings-isolated] *){visibility:hidden!important}
-html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-backdrop=mica] .dcu-root:has(.dcu-settings-page){background:transparent}
+html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-backdrop=mica] body:has(.dcu-settings-page) .dcu-root{background:transparent}
 
 .dcu-settings-inner:has(.dcu-usage-section){height:100%;display:flex;flex-direction:column;padding-bottom:0}
 .dcu-settings-inner:has(.dcu-usage-section)>.dcu-settings-heading{display:none}
@@ -9233,7 +9307,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 					restartActionLabel: t("settings.reconnect"),
 					onReconnect: reconnect
 				}),
-				open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				(0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					ref: page,
 					className: "dcu-settings-page",
 					"data-dcu-settings-page": true,
@@ -9325,8 +9399,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 							}), active !== void 0 && renderSlot("settings.section", { close }, { only: active.id })]
 						})
 					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					ref: onboardingRoot,
 					style: { display: "contents" },
 					children: step !== void 0 && renderSlot("settings.onboarding", {
@@ -9336,7 +9409,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 						},
 						openSection
 					}, { only: step.id })
-				})
+				})] }), document.body)
 			] });
 		}
 		/** 每条偏好仍由原插件渲染和保存，只为公共条目添加可扩展的分组容器。 */
@@ -10292,6 +10365,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 			});
 			const companionSlots = createCompanionTabSource(ctx.slots);
 			const globalPanels = createGlobalPanelSource(ctx.slots, ctx.locale);
+			const footerActions = createFooterActionSource(ctx.slots);
 			ctx.slots.inject("sidebar", () => ctx.slots.register({
 				name: "sidebar",
 				registrant: "michengai-codex-ui",
@@ -10347,6 +10421,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 					openPath,
 					companionSlots,
 					globalPanels,
+					footerActions,
 					selectPanel: (id) => {
 						selectGlobalPanel(ctx.layout, id);
 					}

package/package.json

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