@michengai/dsh-codex-ui 1.1.10 → 1.1.12

package/CHANGELOG.md

@@ -4,6 +4,54 @@
 
 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.12 - 2026-09-17
+
+- Session rows show compact relative time on the right (now, minutes, hours, days, weeks, months, years). Hover or the action menu yields to the archive shortcut; a pending label hides the inline time.
+- Truncated session titles scroll on hover or when the menu is open. Reduced motion keeps the ellipsis.
+- Relative times refresh every minute. Inline English uses now; hover cards use Just now.
+
+## suite-installer-v1.0.14 - 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.11`
+- `@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.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,54 @@
 
 本日志记录 DSH Codex UI 及其一键安装器的最近发布；更早的变更可查看 [Git 提交历史](https://github.com/MichengAI/dsh-codex-ui/commits/main)。
 
+## 1.1.12 - 2026-09-17
+
+- 会话行右侧显示紧凑相对时间（刚刚、分、小时、天、周、月、年）。悬停或打开菜单时让位给归档快捷图标；待处理标签优先于行内时间。
+- 标题被截断时，悬停或打开菜单会横向滚动全文；系统减动效时保持省略号。
+- 相对时间每分钟对齐刷新。行内英文用 now，悬停卡片用 Just now。
+
+## suite-installer-v1.0.14 - 2026-09-16
+
+一键维护安装 11 个自研插件。包含以下插件及版本：
+
+- `@michengai/dsh-archive-manager@0.1.43`
+- `@michengai/dsh-codex-ui@1.1.11`
+- `@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.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

@@ -1246,6 +1246,23 @@ window.__ModuleLoader__.load({
 			return parseChannelGroups(payload, fallbackLabel);
 		}
 		//#endregion
+		//#region src/client/session-title-scroll.ts
+		/** 会话行只展示标题第一行，避免换行把胶囊撑高。 */
+		function sessionTitleLine(title) {
+			return title.split(/\r?\n/)[0] ?? title;
+		}
+		/** 标题比可视槽多出来的像素；1px 内当作测量误差。 */
+		function titleOverflowPx(scrollWidth, clientWidth) {
+			const extra = Math.ceil(scrollWidth - clientWidth);
+			return extra > 1 ? extra : 0;
+		}
+		const PX_PER_SECOND = 42;
+		/** 按溢出长度估算单程时长，长标题更慢，避免一闪而过。 */
+		function titleScrollDurationMs(overflowPx) {
+			if (overflowPx <= 0) return 0;
+			return Math.min(8e3, Math.max(1600, Math.round(overflowPx / PX_PER_SECOND * 1e3)));
+		}
+		//#endregion
 		//#region src/client/session-tree.tsx
 		function PinIcon() {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pin, {
@@ -1416,7 +1433,58 @@ window.__ModuleLoader__.load({
 			});
 			return null;
 		}
-		function SessionRow({ id, title, selected, menuOpen, unread, running, pendingInteraction, t, menuItems, onOpen, onMenuChange, onSelectAction, onArchive, onHover, onLeave, onContextMenu, menuPoint, subtitle, flat, draggable, dropActive, onDragStart, onDragEnd, onDragOver, onDrop }) {
+		function SessionTime({ time }) {
+			if (time === void 0 || time === "") return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dcu-wb-session-time",
+				children: time
+			});
+		}
+		function SessionRowTitle({ title }) {
+			const text = sessionTitleLine(title);
+			const wrapRef = (0, react.useRef)(null);
+			const textRef = (0, react.useRef)(null);
+			const [shift, setShift] = (0, react.useState)(0);
+			(0, react.useLayoutEffect)(() => {
+				const wrap = wrapRef.current;
+				const inner = textRef.current;
+				if (wrap === null || inner === null) return;
+				const measure = () => {
+					setShift(titleOverflowPx(inner.scrollWidth, wrap.clientWidth));
+				};
+				measure();
+				let cancelled = false;
+				const fonts = typeof document === "undefined" ? void 0 : document.fonts;
+				if (fonts !== void 0) fonts.ready.then(() => {
+					if (!cancelled) measure();
+				});
+				if (typeof ResizeObserver === "undefined") return () => {
+					cancelled = true;
+				};
+				const observer = new ResizeObserver(measure);
+				observer.observe(wrap);
+				return () => {
+					cancelled = true;
+					observer.disconnect();
+				};
+			}, [text]);
+			const style = shift > 0 ? {
+				"--dcu-title-shift": `${shift}px`,
+				"--dcu-title-duration": `${titleScrollDurationMs(shift)}ms`
+			} : void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				ref: wrapRef,
+				className: "dcu-wb-session-title",
+				"data-overflow": shift > 0 || void 0,
+				style,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					ref: textRef,
+					className: "dcu-wb-session-title-text",
+					children: text
+				})
+			});
+		}
+		function SessionRow({ id, title, selected, menuOpen, unread, running, pendingInteraction, t, menuItems, onOpen, onMenuChange, onSelectAction, onArchive, onHover, onLeave, onContextMenu, menuPoint, subtitle, flat, draggable, dropActive, onDragStart, onDragEnd, onDragOver, onDrop, time }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-dcu-session": id,
 				className: `dcu-wb-session${selected ? " dcu-wb-selected" : ""}${menuOpen ? " dcu-wb-menu-open" : ""}${dropActive === true ? " dcu-wb-drop" : ""}${flat === true ? " dcu-wb-session-flat" : ""}`,
@@ -1434,23 +1502,18 @@ window.__ModuleLoader__.load({
 				children: [
 					subtitle !== void 0 && subtitle !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "dcu-wb-session-copy",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dcu-wb-session-title",
-							children: title.split(/\r?\n/)[0] ?? title
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionRowTitle, { title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "dcu-wb-session-sub",
 							children: subtitle
 						})]
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "dcu-wb-session-title",
-						children: title.split(/\r?\n/)[0] ?? title
-					}),
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionRowTitle, { title }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionState, {
 						pendingInteraction,
 						unread,
 						running,
 						t
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionTime, { time }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "dcu-wb-quick-actions",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1915,13 +1978,84 @@ window.__ModuleLoader__.load({
 				top: rect.top
 			};
 		}
-		/** Codex 会话卡片右上角的紧凑相对时间。 */
+		const HOUR = 3600;
+		const DAY = HOUR * 24;
+		const WEEK = DAY * 7;
+		const MONTH = DAY * 30;
+		const YEAR = DAY * 365;
+		function formatRelativeTime(updatedAt, t, now, justNow) {
+			const seconds = Math.max(0, Math.floor((now - updatedAt) / 1e3));
+			if (seconds < 60) return t(justNow);
+			if (seconds < HOUR) return t("time.minutes", { count: Math.floor(seconds / 60) });
+			if (seconds < DAY) return t("time.hours", { count: Math.floor(seconds / HOUR) });
+			if (seconds < WEEK) return t("time.days", { count: Math.floor(seconds / DAY) });
+			if (seconds < MONTH) return t("time.weeks", { count: Math.floor(seconds / WEEK) });
+			if (seconds < YEAR) return t("time.months", { count: Math.floor(seconds / MONTH) });
+			return t("time.years", { count: Math.floor(seconds / YEAR) });
+		}
+		/** 悬停卡片右上角。分档与 ChatGPT `$wa` 一致；英文刚刚用 Just now。 */
 		function formatHoverTime(updatedAt, t, now = Date.now()) {
-			const seconds = Math.max(0, Math.round((now - updatedAt) / 1e3));
-			if (seconds < 60) return t("time.justNow");
-			if (seconds < 3600) return t("time.minutes", { count: Math.floor(seconds / 60) });
-			if (seconds < 86400) return t("time.hours", { count: Math.floor(seconds / 3600) });
-			return t("time.days", { count: Math.floor(seconds / 86400) });
+			return formatRelativeTime(updatedAt, t, now, "time.justNow");
+		}
+		/** 会话行右侧。分档相同；英文刚刚用 now，避免挤占标题。 */
+		function formatCompactTime(updatedAt, t, now = Date.now()) {
+			return formatRelativeTime(updatedAt, t, now, "time.justNowShort");
+		}
+		//#endregion
+		//#region src/client/shared-now.ts
+		const SHARED_NOW_INTERVAL_MS = 6e4;
+		/** 对齐到下一个整档，避免「刚刚」在整分钟边界之后还多停将近一轮。 */
+		function msUntilNextNowTick(now, intervalMs = SHARED_NOW_INTERVAL_MS) {
+			const remainder = now % intervalMs;
+			return remainder === 0 ? intervalMs : intervalMs - remainder;
+		}
+		const listeners = /* @__PURE__ */ new Set();
+		let sharedNow = Date.now();
+		let timeoutId = 0;
+		let intervalId = 0;
+		let cancelled = true;
+		function publish(now) {
+			sharedNow = now;
+			for (const listener of listeners) listener();
+		}
+		function startClock() {
+			cancelled = false;
+			timeoutId = window.setTimeout(() => {
+				if (cancelled) return;
+				publish(Date.now());
+				intervalId = window.setInterval(() => {
+					publish(Date.now());
+				}, SHARED_NOW_INTERVAL_MS);
+				if (cancelled) {
+					window.clearInterval(intervalId);
+					intervalId = 0;
+				}
+			}, msUntilNextNowTick(Date.now()));
+		}
+		function stopClock() {
+			cancelled = true;
+			window.clearTimeout(timeoutId);
+			window.clearInterval(intervalId);
+			timeoutId = 0;
+			intervalId = 0;
+		}
+		function subscribe(listener) {
+			if (listeners.size === 0) {
+				sharedNow = Date.now();
+				startClock();
+			}
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+				if (listeners.size === 0) stopClock();
+			};
+		}
+		function getSnapshot() {
+			return sharedNow;
+		}
+		/** 模块级当前时刻。几棵树挂着都只走一套定时器，每分钟刷新一次。 */
+		function useSharedNow() {
+			return (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 		}
 		//#endregion
 		//#region src/client/conversation-bubbles.ts
@@ -2451,6 +2585,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]));
@@ -2889,7 +3035,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			}
 			const previewTitle = document.createElement("span");
 			previewTitle.className = "dcu-wb-drag-ghost-title";
-			previewTitle.textContent = title.split(/\r?\n/)[0] ?? title;
+			previewTitle.textContent = sessionTitleLine(title);
 			preview.appendChild(previewTitle);
 			document.body.appendChild(preview);
 			preview.offsetWidth;
@@ -3004,11 +3150,11 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 .dcu-wb-project-title,.dcu-wb-session-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}
 .dcu-wb-project-title{flex:1;font-weight:400;color:var(--dcu-sidebar-primary)}
 .dcu-wb-session{position:relative;min-width:0;min-height:30px;gap:0;overflow:hidden;padding-left:30px;padding-right:28px}
-.dcu-wb-session-title{flex:1;margin-left:0}.dcu-wb-session-copy{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.dcu-wb-session-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dcu-sidebar-tertiary);font-size:12px;line-height:16px}.dcu-wb-session-flat,.dcu-wb-session-top{padding-left:8px}.dcu-wb-session-flat:has(.dcu-wb-running),.dcu-wb-session-top:has(.dcu-wb-running){padding-left:30px}
+.dcu-wb-session-title{flex:1;margin-left:0}.dcu-wb-session-title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.dcu-wb-session:hover .dcu-wb-session-title[data-overflow] .dcu-wb-session-title-text,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-session-title[data-overflow] .dcu-wb-session-title-text{display:inline-block;width:max-content;max-width:none;overflow:visible;text-overflow:clip;animation:dcu-wb-title-scroll var(--dcu-title-duration,2.4s) linear 320ms infinite alternate}}@keyframes dcu-wb-title-scroll{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(calc(-1 * var(--dcu-title-shift,0px)))}}.dcu-wb-session-time{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--dcu-sidebar-tertiary);font-size:12px;line-height:18px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.dcu-wb-session:has(.dcu-wb-session-time){padding-right:64px}.dcu-wb-session:has(.dcu-wb-unread) .dcu-wb-session-time{right:22px}.dcu-wb-session:has(.dcu-wb-unread):has(.dcu-wb-session-time){padding-right:78px}.dcu-wb-session-copy{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.dcu-wb-session-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dcu-sidebar-tertiary);font-size:12px;line-height:16px}.dcu-wb-session-flat,.dcu-wb-session-top{padding-left:8px}.dcu-wb-session-flat:has(.dcu-wb-running),.dcu-wb-session-top:has(.dcu-wb-running){padding-left:30px}
 .dcu-wb-actions{display:none;align-items:center;gap:8px;flex:none}
 .dcu-wb-quick-actions{position:absolute;right:8px;top:50%;display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;transform:translateY(-50%);background:var(--dcu-sidebar-hover);border-radius:6px}
 .dcu-wb-project-head:hover .dcu-wb-actions,.dcu-wb-project-head.dcu-wb-menu-open .dcu-wb-actions,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-actions{display:flex}
-.dcu-wb-session:hover .dcu-wb-quick-actions,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-quick-actions{opacity:1;pointer-events:auto}.dcu-wb-session:hover .dcu-wb-pending,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-pending,.dcu-wb-session:hover .dcu-wb-unread,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-unread{visibility:hidden}
+.dcu-wb-session:hover .dcu-wb-quick-actions,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-quick-actions{opacity:1;pointer-events:auto}.dcu-wb-session:hover .dcu-wb-pending,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-pending,.dcu-wb-session:hover .dcu-wb-unread,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-unread,.dcu-wb-session:hover .dcu-wb-session-time,.dcu-wb-session.dcu-wb-menu-open .dcu-wb-session-time{visibility:hidden}.dcu-wb-session:has(.dcu-wb-pending) .dcu-wb-session-time{display:none}
 .dcu-wb-more{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:4px;padding:0;background:transparent;color:var(--dcu-sidebar-tertiary);cursor:pointer}
 .dcu-wb-more:hover{color:var(--dcu-sidebar-primary)}
 .dcu-wb-context-anchor{opacity:0;pointer-events:none}
@@ -3079,6 +3225,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		}
 		function CodexWorkspaceTree({ wide, useSessions, useSessionPendingInteraction, useWorkspaces, t, archiveSession, deleteSession, deleteWorkspace, forkSession, insertSessionBefore, insertWorkspaceBefore, moveSession, openPath, openSession, renameSession, renameWorkspace, startSession, canDeleteSession }) {
 			const sessions = useSessions((state) => state);
+			const now = useSharedNow();
 			const pendingInteractions = (useSessionPendingInteraction ?? useEmptySessionPendingInteraction)((state) => state);
 			const workspaces = useWorkspaces((state) => state);
 			const baselinesReady = workspaceBaselinesReady(workspaces, sessions);
@@ -3939,23 +4086,21 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 										project: workspace.title,
 										path,
 										branch,
-										time: formatHoverTime(session.updatedAt, t),
+										time: formatHoverTime(session.updatedAt, t, now),
 										left: box.left,
 										top: box.top
 									});
 								},
 								onMouseLeave: hideTip,
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dcu-wb-session-title",
-										children: session.displayTitle.split(/\r?\n/)[0] ?? session.displayTitle
-									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionRowTitle, { title: session.displayTitle }),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionState, {
 										pendingInteraction,
 										unread: unreadSessionIds.includes(id),
 										running: session.running === true,
 										t
 									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionTime, { time: formatCompactTime(session.updatedAt, t, now) }),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "dcu-wb-quick-actions",
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -4492,10 +4637,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 +4687,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")),
@@ -4685,6 +4857,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 											unread,
 											running: session.running === true,
 											pendingInteraction,
+											time: formatCompactTime(session.updatedAt, t, now),
 											t,
 											menuItems: sessionMenu(id, session.cwd),
 											draggable: true,
@@ -4730,7 +4903,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 													kind: "session",
 													id,
 													title,
-													time: formatHoverTime(session.updatedAt, t),
+													time: formatHoverTime(session.updatedAt, t, now),
 													left: box.left,
 													top: box.top
 												});
@@ -5379,6 +5552,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		}
 		function ChannelBrowserTree({ openSession, archiveSession, deleteSession, forkSession, moveSession, renameSession, useSessions, useSessionPendingInteraction, useWorkspaces, t, canDeleteSession, menu, setMenu }) {
 			const sessions = useSessions((state) => state);
+			const now = useSharedNow();
 			const workspaces = useWorkspaces?.((state) => state);
 			const pendingInteractions = (useSessionPendingInteraction ?? useEmptySessionPendingInteraction)((state) => state);
 			const [groups, setGroups] = (0, react.useState)([]);
@@ -5498,6 +5672,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 												unread,
 												running,
 												pendingInteraction,
+												time: updatedAt === void 0 ? void 0 : formatCompactTime(updatedAt, t, now),
 												t,
 												menuItems: sessionMenuItems(t, {
 													unread,
@@ -5523,7 +5698,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 													showTip({
 														title,
 														project: label,
-														time: updatedAt === void 0 ? void 0 : formatHoverTime(updatedAt, t),
+														time: updatedAt === void 0 ? void 0 : formatHoverTime(updatedAt, t, now),
 														left: box.left,
 														top: box.top
 													});
@@ -5653,6 +5828,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		}
 		function ScheduleBrowserTree({ openSession, archiveSession, deleteSession, forkSession, moveSession, renameSession, useSessions, useSessionPendingInteraction, useWorkspaces, t, canDeleteSession, openTaskSettings, menu, setMenu }) {
 			const sessions = useSessions((state) => state);
+			const now = useSharedNow();
 			const pendingInteractions = (useSessionPendingInteraction ?? useEmptySessionPendingInteraction)((state) => state);
 			const workspaces = useWorkspaces((state) => state);
 			const [expanded, setExpanded] = (0, react.useState)(() => readTreeExpansionState(browserStorage(), SCHEDULE_EXPANSION_STORAGE_KEY));
@@ -5802,6 +5978,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 												unread,
 												running: session.running,
 												pendingInteraction,
+												time: session.updatedAt === void 0 ? void 0 : formatCompactTime(session.updatedAt, t, now),
 												t,
 												menuItems: sessionMenuItems(t, {
 													unread,
@@ -5827,7 +6004,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 													showTip({
 														title,
 														project: group.label,
-														time: session.updatedAt === void 0 ? void 0 : formatHoverTime(session.updatedAt, t),
+														time: session.updatedAt === void 0 ? void 0 : formatHoverTime(session.updatedAt, t, now),
 														left: box.left,
 														top: box.top
 													});
@@ -6449,6 +6626,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 +7012,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 +7505,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",
@@ -8242,9 +8422,13 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"turns.untitled": "未命名提问",
 			"turns.jump": "跳转到第 {index} 轮：{summary}",
 			"time.justNow": "刚刚",
+			"time.justNowShort": "刚刚",
 			"time.minutes": "{count}分",
 			"time.hours": "{count}小时",
 			"time.days": "{count}天",
+			"time.weeks": "{count}周",
+			"time.months": "{count}个月",
+			"time.years": "{count}年",
 			"errors.unauthorized": "请先登录 DSH，再重试。",
 			"errors.forbidden": "请求被安全检查拒绝，请从可信的 DSH 地址重试。",
 			"errors.serviceUnavailable": "服务暂不可用，请稍后重试。",
@@ -8526,9 +8710,13 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"turns.untitled": "Untitled prompt",
 			"turns.jump": "Jump to turn {index}: {summary}",
 			"time.justNow": "Just now",
+			"time.justNowShort": "now",
 			"time.minutes": "{count}m",
 			"time.hours": "{count}h",
 			"time.days": "{count}d",
+			"time.weeks": "{count}w",
+			"time.months": "{count}mo",
+			"time.years": "{count}y",
 			"errors.unauthorized": "Sign in to DSH, then try again.",
 			"errors.forbidden": "The security check rejected this request. Try again from a trusted DSH address.",
 			"errors.serviceUnavailable": "The service is unavailable. Try again later.",
@@ -8550,6 +8738,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 +9205,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 +9453,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 +9545,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 +9555,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 						},
 						openSection
 					}, { only: step.id })
-				})
+				})] }), document.body)
 			] });
 		}
 		/** 每条偏好仍由原插件渲染和保存，只为公共条目添加可扩展的分组容器。 */
@@ -10292,6 +10511,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 +10567,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/lib/session-title-plugin.mjs

@@ -259,9 +259,13 @@ const zh = {
 	"turns.untitled": "未命名提问",
 	"turns.jump": "跳转到第 {index} 轮：{summary}",
 	"time.justNow": "刚刚",
+	"time.justNowShort": "刚刚",
 	"time.minutes": "{count}分",
 	"time.hours": "{count}小时",
 	"time.days": "{count}天",
+	"time.weeks": "{count}周",
+	"time.months": "{count}个月",
+	"time.years": "{count}年",
 	"errors.unauthorized": "请先登录 DSH，再重试。",
 	"errors.forbidden": "请求被安全检查拒绝，请从可信的 DSH 地址重试。",
 	"errors.serviceUnavailable": "服务暂不可用，请稍后重试。",
@@ -543,9 +547,13 @@ const en = {
 	"turns.untitled": "Untitled prompt",
 	"turns.jump": "Jump to turn {index}: {summary}",
 	"time.justNow": "Just now",
+	"time.justNowShort": "now",
 	"time.minutes": "{count}m",
 	"time.hours": "{count}h",
 	"time.days": "{count}d",
+	"time.weeks": "{count}w",
+	"time.months": "{count}mo",
+	"time.years": "{count}y",
 	"errors.unauthorized": "Sign in to DSH, then try again.",
 	"errors.forbidden": "The security check rejected this request. Try again from a trusted DSH address.",
 	"errors.serviceUnavailable": "The service is unavailable. Try again later.",

package/package.json

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