npm - @michengai/dsh-codex-ui - Versions diffs - 1.1.11 → 1.1.13 - Mend

@michengai/dsh-codex-ui 1.1.11 → 1.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md +50 -0
package/CHANGELOG.zh-CN.md +50 -0
package/README.md +1 -1
package/README.zh-CN.md +1 -1
package/lib/client.js +759 -214
package/lib/session-title-plugin.mjs +12 -0
package/lib/usage-frame.css +1 -1
package/lib/usage-frame.js +98 -98
package/package.json +37 -37

package/lib/client.js CHANGED Viewed

@@ -8,11 +8,167 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_dom = require("react-dom");
+		//#region src/client/session-host.ts
+		var UnknownSessionError = class extends Error {
+			constructor() {
+				super("unknown session");
+				this.name = "UnknownSessionError";
+			}
+		};
+		/** 旧宿主读 list.current；alpha.2 主视图改由 retainedBy.mainView 标记。 */
+		function currentSessionId(state) {
+			if (state === void 0) return void 0;
+			if (typeof state.current === "string" && state.current !== "") return state.current;
+			const byId = state.byId ?? {};
+			const ids = Array.isArray(state.ids) && state.ids.length > 0 ? state.ids : Object.keys(byId);
+			const pick = (id, row) => {
+				if (row === void 0 || (row.retainedBy?.mainView ?? 0) <= 0) return void 0;
+				const explicit = row.id?.trim();
+				return explicit !== void 0 && explicit !== "" ? explicit : id;
+			};
+			for (const id of ids) {
+				const found = pick(id, byId[id]);
+				if (found !== void 0) return found;
+			}
+			for (const id of Object.keys(byId)) {
+				if (ids.includes(id)) continue;
+				const found = pick(id, byId[id]);
+				if (found !== void 0) return found;
+			}
+		}
+		/** 官方树在全局面板打开时取消会话选中。 */
+		function visibleSelectedSessionId(state, panelActive = false) {
+			return panelActive ? void 0 : currentSessionId(state);
+		}
+		function sessionRowUnread(localUnread, status, selected = false) {
+			return localUnread || status?.completionUnread === true && !selected;
+		}
+		function sessionRunningFlags(byId, status) {
+			const ids = new Set(Object.keys(byId));
+			if (status !== void 0) for (const id of status.keys()) ids.add(id);
+			const next = {};
+			for (const id of ids) next[id] = sessionIsRunning(byId[id], status?.get(id));
+			return next;
+		}
+		/** 旧宿主看 current 是否空会话；alpha.2 看主视图 retain 的 blank。 */
+		function isBlankOnboardingSession(state) {
+			if (state?.phase !== "ready") return false;
+			const id = currentSessionId(state);
+			return id === void 0 || state.byId?.[id]?.blank === true;
+		}
+		function hostAccess(ctx) {
+			return ctx;
+		}
+		/** 有 reflect 时只 probe，不能硬读未注入服务，否则 Cordis 会挡住插件激活。 */
+		function probeService(ctx, name) {
+			if (ctx === void 0) return void 0;
+			const access = hostAccess(ctx);
+			const reflectGet = access.reflect?.get;
+			const hasReflect = typeof reflectGet === "function";
+			if (hasReflect) try {
+				const found = reflectGet.call(access.reflect, name);
+				if (found !== void 0) return found;
+			} catch {}
+			if (typeof access.get === "function") try {
+				const found = access.get(name);
+				if (found !== void 0) return found;
+			} catch {
+				return;
+			}
+			if (hasReflect) return void 0;
+			try {
+				return access[name];
+			} catch {
+				return;
+			}
+		}
+		function openHostSession(ctx, id) {
+			if (id === "") return false;
+			const access = hostAccess(ctx);
+			const uiWorkspace = probeService(access, "uiWorkspace");
+			if (typeof uiWorkspace?.openSession === "function") {
+				uiWorkspace.openSession(id);
+				return true;
+			}
+			if (typeof access.sessions?.retain === "function") return false;
+			if (typeof access.sessions?.open === "function") {
+				access.sessions.open(id);
+				return true;
+			}
+			return false;
+		}
+		async function withSessionBinding(sessions, sessionId, operation) {
+			const host = sessions === void 0 ? void 0 : hostAccess({ sessions }).sessions;
+			if (host === void 0) throw new UnknownSessionError();
+			if (typeof host.using === "function") return host.using(sessionId, { source: "controllerOperation" }, async (reference) => {
+				if (reference.ready !== void 0) await reference.ready;
+				if (reference.binding === void 0) throw new UnknownSessionError();
+				return operation(reference.binding);
+			});
+			const existing = host.binding?.(sessionId);
+			if (existing !== void 0) return operation(existing);
+			if (typeof host.retain !== "function") throw new UnknownSessionError();
+			const reference = host.retain(sessionId, { source: "controllerOperation" });
+			try {
+				if (reference.ready !== void 0) await reference.ready;
+				if (reference.binding === void 0) throw new UnknownSessionError();
+				return await operation(reference.binding);
+			} finally {
+				reference.release?.();
+			}
+		}
+		async function renameHostSession(ctx, sessionId, title) {
+			await withSessionBinding(hostAccess(ctx).sessions, sessionId, async (binding) => {
+				if (typeof binding.session?.rename !== "function") throw new UnknownSessionError();
+				const result = await binding.session.rename(title);
+				if (result.ok === false) throw result.error ?? /* @__PURE__ */ new Error("rename failed");
+			});
+		}
+		async function forkHostSession(ctx, sessionId) {
+			const access = hostAccess(ctx);
+			const uiWorkspace = probeService(access, "uiWorkspace");
+			if (typeof uiWorkspace?.forkSession === "function") {
+				await uiWorkspace.forkSession(sessionId);
+				return;
+			}
+			const childId = await access.sessions?.fork?.({
+				sessionId,
+				increaseTitle: true
+			});
+			if (typeof childId === "string" && childId !== "") openHostSession(access, childId);
+		}
+		async function archiveHostSession(ctx, sessionId) {
+			const access = hostAccess(ctx);
+			const uiWorkspace = probeService(access, "uiWorkspace");
+			if (typeof uiWorkspace?.archiveSession === "function") {
+				await uiWorkspace.archiveSession(sessionId);
+				return;
+			}
+			await access.workspaces?.archiveSession?.(sessionId);
+		}
+		function mergePendingInteractions(legacy, status) {
+			const next = new Map(legacy);
+			for (const [id, row] of status) if (row?.pendingInteraction !== void 0) next.set(id, row.pendingInteraction);
+			return next;
+		}
+		function sessionIsRunning(session, status) {
+			if (status?.running !== void 0) return status.running === true;
+			return session?.running === true;
+		}
+		//#endregion
 		//#region src/client/session-navigation.ts
-		/** 新版会话控制器不再负责主面板切换；打开会话时同时退出全局面板。 */
-		function openConversation(sessions, layout, id) {
-			sessions.open(id);
-			selectGlobalPanel(layout, null);
+		function openConversation(host, layout, id) {
+			const opened = openHostSession(host, id);
+			if (opened) selectGlobalPanel(layout, null);
+			return opened;
+		}
+		/** 先打开再写草稿，避免 using 释放后 composer 换新 binding。 */
+		async function openConversationWithDraft(host, layout, sessions, sessionId, writeDraft) {
+			return withSessionBinding(sessions, sessionId, (binding) => {
+				const opened = openConversation(host, layout, sessionId);
+				writeDraft(binding);
+				return opened;
+			});
 		}
 		/** 统一检测旧宿主是否提供面板切换能力，保留宿主方法的 this。 */
 		function selectGlobalPanel(layout, id) {
@@ -720,17 +876,112 @@ window.__ModuleLoader__.load({
 			key: "17ys0d"
 		}]]);
 		//#endregion
+		//#region src/client/settings-navigation.ts
+		/**
+		* DSH 设置壳暂未提供按 section id 打开的公开 API。该兼容层只从本插件渲染
+		* 的设置入口触发，再按壳的可访问名称选择页面；宿主升级时可集中替换。
+		*/
+		function pickSettingsSectionButton(buttons, labels) {
+			for (const label of labels) {
+				const match = buttons.find((button) => button.textContent?.trim() === label);
+				if (match !== void 0) return match;
+			}
+		}
+		/**
+		* 可选插件未注册设置入口时，直接打开兜底页，避免先展示通用设置并等待导航超时。
+		*/
+		function routeOptionalSettingsSection(available, openRequested, openFallback) {
+			if (available) {
+				openRequested();
+				return;
+			}
+			openFallback();
+		}
+		/** 官方 alpha.2 插件管理页占用 sidebar.panellist / main 的同一 id。 */
+		const OFFICIAL_PLUGINS_PANEL_ID = "plugins";
+		let cancelPendingNavigation;
+		const SETTINGS_NAVIGATION_TIMEOUT_MS = 4e3;
+		const SETTINGS_TRIGGER_SELECTOR = "[data-dcu-settings-trigger],[aria-haspopup=\"dialog\"]";
+		const SETTINGS_OPEN_SECTION_EVENT = "dcu-settings-open-section";
+		/** 根入口与分区跳转使用同一触发器合约，兼容保留的宿主设置壳。 */
+		function openSettingsRoot(root) {
+			root?.querySelector(SETTINGS_TRIGGER_SELECTOR)?.click();
+		}
+		function openSettingsSection(root, label, onMissing, onSelected) {
+			const labels = typeof label === "string" ? [label] : label;
+			const trigger = root?.querySelector(SETTINGS_TRIGGER_SELECTOR);
+			if (trigger === null || trigger === void 0) {
+				onMissing?.();
+				return;
+			}
+			const opening = cancelPendingNavigation !== void 0;
+			cancelPendingNavigation?.();
+			const request = new CustomEvent(SETTINGS_OPEN_SECTION_EVENT, {
+				detail: { labels },
+				cancelable: true
+			});
+			if (!trigger.dispatchEvent(request)) {
+				onSelected?.();
+				return;
+			}
+			const pageSelector = trigger.hasAttribute("data-dcu-settings-trigger") ? "[data-dcu-settings-page]" : "[role=\"dialog\"]";
+			if (!opening && document.querySelector(pageSelector) === null) trigger.click();
+			let frame;
+			let finished = false;
+			const observer = new MutationObserver(() => {
+				schedule();
+			});
+			const cleanup = () => {
+				if (finished) return;
+				finished = true;
+				observer.disconnect();
+				window.clearTimeout(timeout);
+				if (frame !== void 0) window.cancelAnimationFrame(frame);
+				if (cancelPendingNavigation === cleanup) cancelPendingNavigation = void 0;
+			};
+			const select = () => {
+				const target = pickSettingsSectionButton([...document.querySelectorAll(`${pageSelector} nav button`)], labels);
+				if (target === void 0) return false;
+				cleanup();
+				target.click();
+				onSelected?.();
+				return true;
+			};
+			const schedule = () => {
+				if (finished || frame !== void 0) return;
+				frame = window.requestAnimationFrame(() => {
+					frame = void 0;
+					select();
+				});
+			};
+			const timeout = window.setTimeout(() => {
+				if (select()) return;
+				cleanup();
+				console.warn(`[michengai-codex-ui] 未找到设置分区：${labels.join(" / ")}`);
+				onMissing?.();
+			}, SETTINGS_NAVIGATION_TIMEOUT_MS);
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			cancelPendingNavigation = cleanup;
+			schedule();
+		}
+		//#endregion
 		//#region src/client/global-panels.tsx
 		/** 从宿主注册表读取面板元数据；缓存快照以满足 React 外部状态订阅契约。 */
 		function createGlobalPanelSource(slots, locale) {
 			let cached = [];
 			return {
 				getSnapshot() {
-					const next = slots.entriesOfSlot("sidebar.panellist").flatMap(({ options }) => options.id === void 0 ? [] : [{
-						id: options.id,
-						order: options.order ?? 0,
-						label: (typeof options.label === "function" ? options.label() : options.label) ?? options.id
-					}]).sort((a, b) => a.order - b.order);
+					const next = slots.entriesOfSlot("sidebar.panellist").flatMap(({ options }) => {
+						if (options.id === void 0 || options.id === "plugins") return [];
+						return [{
+							id: options.id,
+							order: options.order ?? 0,
+							label: (typeof options.label === "function" ? options.label() : options.label) ?? options.id
+						}];
+					}).sort((a, b) => a.order - b.order);
 					if (next.length !== cached.length || next.some((panel, index) => {
 						const previous = cached[index];
 						return previous === void 0 || panel.id !== previous.id || panel.label !== previous.label || panel.order !== previous.order;
@@ -907,96 +1158,6 @@ window.__ModuleLoader__.load({
 			} catch {}
 		}
 		//#endregion
-		//#region src/client/settings-navigation.ts
-		/**
-		* DSH 设置壳暂未提供按 section id 打开的公开 API。该兼容层只从本插件渲染
-		* 的设置入口触发，再按壳的可访问名称选择页面；宿主升级时可集中替换。
-		*/
-		function pickSettingsSectionButton(buttons, labels) {
-			for (const label of labels) {
-				const match = buttons.find((button) => button.textContent?.trim() === label);
-				if (match !== void 0) return match;
-			}
-		}
-		/**
-		* 可选插件未注册设置入口时，直接打开兜底页，避免先展示通用设置并等待导航超时。
-		*/
-		function routeOptionalSettingsSection(available, openRequested, openFallback) {
-			if (available) {
-				openRequested();
-				return;
-			}
-			openFallback();
-		}
-		let cancelPendingNavigation;
-		const SETTINGS_NAVIGATION_TIMEOUT_MS = 4e3;
-		const SETTINGS_TRIGGER_SELECTOR = "[data-dcu-settings-trigger],[aria-haspopup=\"dialog\"]";
-		const SETTINGS_OPEN_SECTION_EVENT = "dcu-settings-open-section";
-		/** 根入口与分区跳转使用同一触发器合约，兼容保留的宿主设置壳。 */
-		function openSettingsRoot(root) {
-			root?.querySelector(SETTINGS_TRIGGER_SELECTOR)?.click();
-		}
-		function openSettingsSection(root, label, onMissing, onSelected) {
-			const labels = typeof label === "string" ? [label] : label;
-			const trigger = root?.querySelector(SETTINGS_TRIGGER_SELECTOR);
-			if (trigger === null || trigger === void 0) {
-				onMissing?.();
-				return;
-			}
-			const opening = cancelPendingNavigation !== void 0;
-			cancelPendingNavigation?.();
-			const request = new CustomEvent(SETTINGS_OPEN_SECTION_EVENT, {
-				detail: { labels },
-				cancelable: true
-			});
-			if (!trigger.dispatchEvent(request)) {
-				onSelected?.();
-				return;
-			}
-			const pageSelector = trigger.hasAttribute("data-dcu-settings-trigger") ? "[data-dcu-settings-page]" : "[role=\"dialog\"]";
-			if (!opening && document.querySelector(pageSelector) === null) trigger.click();
-			let frame;
-			let finished = false;
-			const observer = new MutationObserver(() => {
-				schedule();
-			});
-			const cleanup = () => {
-				if (finished) return;
-				finished = true;
-				observer.disconnect();
-				window.clearTimeout(timeout);
-				if (frame !== void 0) window.cancelAnimationFrame(frame);
-				if (cancelPendingNavigation === cleanup) cancelPendingNavigation = void 0;
-			};
-			const select = () => {
-				const target = pickSettingsSectionButton([...document.querySelectorAll(`${pageSelector} nav button`)], labels);
-				if (target === void 0) return false;
-				cleanup();
-				target.click();
-				onSelected?.();
-				return true;
-			};
-			const schedule = () => {
-				if (finished || frame !== void 0) return;
-				frame = window.requestAnimationFrame(() => {
-					frame = void 0;
-					select();
-				});
-			};
-			const timeout = window.setTimeout(() => {
-				if (select()) return;
-				cleanup();
-				console.warn(`[michengai-codex-ui] 未找到设置分区：${labels.join(" / ")}`);
-				onMissing?.();
-			}, SETTINGS_NAVIGATION_TIMEOUT_MS);
-			observer.observe(document.body, {
-				childList: true,
-				subtree: true
-			});
-			cancelPendingNavigation = cleanup;
-			schedule();
-		}
-		//#endregion
 		//#region src/client/sidebar-search.ts
 		/** 按用户可见名称和辅助关键词筛选侧栏搜索结果。 */
 		function filterSidebarSearchItems(items, query) {
@@ -1246,6 +1407,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 +1594,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 +1663,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", {
@@ -1524,9 +1748,20 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/session-pending.ts
 		const EMPTY_PENDING_INTERACTIONS = /* @__PURE__ */ new Map();
+		const EMPTY_SESSION_STATUS = /* @__PURE__ */ new Map();
 		function useEmptySessionPendingInteraction(selector) {
 			return selector(EMPTY_PENDING_INTERACTIONS);
 		}
+		function useEmptySessionStatus(selector) {
+			return selector(EMPTY_SESSION_STATUS);
+		}
+		function useHostSessionStatus(useSessionStatus) {
+			return (useSessionStatus ?? useEmptySessionStatus)((state) => state);
+		}
+		/** 旧宿主订阅 pending Store；alpha.2 改走 useSessionStatus。两路都要订阅，避免条件 Hook。 */
+		function useHostPendingInteractions(useSessionPendingInteraction, useSessionStatus) {
+			return mergePendingInteractions((useSessionPendingInteraction ?? useEmptySessionPendingInteraction)((state) => state), (useSessionStatus ?? useEmptySessionStatus)((state) => state));
+		}
 		function visiblePendingKind(kind) {
 			switch (kind) {
 				case "approval":
@@ -1915,13 +2150,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
@@ -2595,6 +2901,9 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		function hasConnectWorkspace(value) {
 			return value !== null && typeof value === "object" && "connectWorkspace" in value && typeof value.connectWorkspace === "function";
 		}
+		function hasOpenWorkspace(value) {
+			return value !== null && typeof value === "object" && "openWorkspace" in value && typeof value.openWorkspace === "function";
+		}
 		/** 与 DSH 官方最近工作区策略一致；时间相同时保留 Host 工作区顺序。 */
 		function recentWorkspaceId(workspaces, sessions) {
 			let selected;
@@ -2829,10 +3138,23 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				lower = after ? rows[index + 1]?.rect.top : edge.rect.top;
 			} else if (target.matches(".dcu-wb-pin-start,.dcu-wb-pin-end")) {
 				if (anchor.width <= 0 || anchor.height <= 0) return void 0;
-				upper = rows.filter((row) => row.rect.bottom <= anchor.top).at(-1)?.rect.bottom;
-				lower = rows.find((row) => row.rect.top >= anchor.bottom)?.rect.top;
-				if (lower === void 0) lower = anchor.bottom;
-				if (upper === void 0) upper = anchor.top;
+				const itemRows = rows.filter((row) => !row.node.matches(".dcu-wb-section-head,.dcu-wb-empty,.dcu-wb-nochat"));
+				if (target.matches(".dcu-wb-pin-end") && itemRows.length > 0) {
+					const last = itemRows[itemRows.length - 1];
+					anchor = last.rect;
+					upper = last.rect.bottom;
+					lower = rows.find((row) => row.rect.top >= last.rect.bottom - .5)?.rect.top;
+				} else if (target.matches(".dcu-wb-pin-start") && itemRows.length > 0) {
+					const first = itemRows[0];
+					anchor = first.rect;
+					lower = first.rect.top;
+					upper = rows.filter((row) => row.rect.bottom <= first.rect.top + .5).at(-1)?.rect.bottom;
+				} else {
+					upper = rows.filter((row) => row.rect.bottom <= anchor.top).at(-1)?.rect.bottom;
+					lower = rows.find((row) => row.rect.top >= anchor.bottom)?.rect.top;
+					if (lower === void 0) lower = anchor.bottom;
+					if (upper === void 0) upper = anchor.top;
+				}
 			} else return void 0;
 			const center = upper === void 0 ? lower - 4 : lower === void 0 ? upper + 4 : (upper + lower) / 2;
 			const box = root.getBoundingClientRect();
@@ -2901,7 +3223,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;
@@ -3011,16 +3333,16 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 .dcu-wb-project-head:hover,.dcu-wb-project-head.dcu-wb-menu-open,.dcu-wb-session:hover,.dcu-wb-session.dcu-wb-selected,.dcu-wb-session.dcu-wb-menu-open{background:var(--dcu-sidebar-hover)}.dcu-wb-project.dcu-wb-session-drop>.dcu-wb-project-head{border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 9%,transparent);outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}.dcu-wb-project.dcu-wb-session-move-drop{border-radius:8px;background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 9%,transparent);outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}.dcu-wb-project.dcu-wb-session-move-drop>.dcu-wb-project-head{background:transparent;outline:0}.dcu-wb-project-body>.dcu-wb-session:first-child,.dcu-wb-project-body>.dcu-wb-nochat:first-child{margin-top:4px}.dcu-wb-session+.dcu-wb-session{margin-top:2px}
 .dcu-wb-project-head[draggable=true],.dcu-wb-session[draggable=true]{cursor:grab}
 .dcu-wb-project-head[draggable=true]:active,.dcu-wb-session[draggable=true]:active{cursor:grabbing}
-.dcu-wb-section,.dcu-wb-section:focus,.dcu-wb-section:focus-visible,.dcu-wb-project-head:focus,.dcu-wb-session:focus{outline:0}.dcu-wb-pin-end,.dcu-wb-pin-start{position:relative;height:8px}.dcu-wb-project.dcu-wb-drop::before,.dcu-wb-session.dcu-wb-drop::before,.dcu-wb-pin-end.dcu-wb-drop::before,.dcu-wb-pin-start.dcu-wb-drop::before{content:"";position:absolute;z-index:2;left:7px;right:8px;top:-8px;height:8px;pointer-events:none;background:radial-gradient(circle at 4px 50%,transparent 1.75px,var(--dsw-alias-state-business-primary) 2px 3.75px,transparent 4px),linear-gradient(var(--dsw-alias-state-business-primary),var(--dsw-alias-state-business-primary)) 10px 50%/calc(100% - 10px) 2px no-repeat}.dcu-wb-pin-start.dcu-wb-drop::before{top:0}.dcu-wb-pinned-list>.dcu-wb-project:first-child.dcu-wb-drop::before{top:-4px}.dcu-wb-project.dcu-wb-drop-after::before,.dcu-wb-session.dcu-wb-drop-after::before{top:auto;bottom:-8px}.dcu-wb-dragging{opacity:.28}.dcu-wb-drag-ghost{position:fixed;top:0;left:0;transform:translate(-200vw,-200vh);z-index:10040;display:flex;align-items:center;gap:8px;max-width:220px;height:30px;padding:0 10px;border:1px solid var(--dcu-sidebar-border);border-radius:8px;background:var(--dcu-sidebar-hover);box-shadow:0 4px 12px rgba(0,0,0,.24);color:var(--dcu-sidebar-primary);font:14px/20px var(--dcu-font,inherit);white-space:nowrap;pointer-events:none}.dcu-wb-drag-ghost-icon{display:grid;place-items:center;flex:none;width:16px;height:16px;color:var(--dcu-sidebar-icon)}.dcu-wb-drag-ghost-icon svg{display:block;width:16px;height:16px}.dcu-wb-drag-ghost-title{min-width:0;overflow:hidden;text-overflow:ellipsis}
+.dcu-wb-section,.dcu-wb-section:focus,.dcu-wb-section:focus-visible,.dcu-wb-project-head:focus,.dcu-wb-session:focus{outline:0}.dcu-wb-pinned-list{position:relative}.dcu-wb-pin-end,.dcu-wb-pin-start{position:absolute;left:0;right:0;height:8px;z-index:2;pointer-events:none}.dcu-wb-pin-end.dcu-wb-drop,.dcu-wb-pin-start.dcu-wb-drop{pointer-events:auto}.dcu-wb-pin-start{top:0}.dcu-wb-pin-end{bottom:-8px}.dcu-wb-project.dcu-wb-drop::before,.dcu-wb-session.dcu-wb-drop::before,.dcu-wb-pin-end.dcu-wb-drop::before,.dcu-wb-pin-start.dcu-wb-drop::before{content:"";position:absolute;z-index:2;left:7px;right:8px;top:-8px;height:8px;pointer-events:none;background:radial-gradient(circle at 4px 50%,transparent 1.75px,var(--dsw-alias-state-business-primary) 2px 3.75px,transparent 4px),linear-gradient(var(--dsw-alias-state-business-primary),var(--dsw-alias-state-business-primary)) 10px 50%/calc(100% - 10px) 2px no-repeat}.dcu-wb-pin-start.dcu-wb-drop::before{top:0}.dcu-wb-pinned-list>.dcu-wb-project:first-child.dcu-wb-drop::before{top:-4px}.dcu-wb-project.dcu-wb-drop-after::before,.dcu-wb-session.dcu-wb-drop-after::before{top:auto;bottom:-8px}.dcu-wb-dragging{opacity:.28}.dcu-wb-drag-ghost{position:fixed;top:8px;left:-9999px;z-index:10040;display:flex;align-items:center;gap:8px;max-width:220px;height:30px;padding:0 10px;border:1px solid var(--dcu-sidebar-border);border-radius:8px;background:var(--dcu-sidebar-hover);box-shadow:0 4px 12px rgba(0,0,0,.24);color:var(--dcu-sidebar-primary);font:14px/20px var(--dcu-font,inherit);white-space:nowrap;pointer-events:none}.dcu-wb-drag-ghost-icon{display:grid;place-items:center;flex:none;width:16px;height:16px;color:var(--dcu-sidebar-icon)}.dcu-wb-drag-ghost-icon svg{display:block;width:16px;height:16px}.dcu-wb-drag-ghost-title{min-width:0;overflow:hidden;text-overflow:ellipsis}
 .dcu-wb-folder{display:grid;place-items:center;flex:none;width:16px;height:20px;color:var(--dcu-sidebar-icon)}.dcu-wb-folder.dcu-wb-folder-current{color:var(--dsw-alias-state-business-primary)}.dcu-wb-brand{display:block;width:16px;height:16px}
 .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}
@@ -3047,7 +3369,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 .dcu-wb-drop-indicator::before{content:"";position:absolute;left:6px;right:0;top:3px;height:2px;border-radius:999px;background:currentColor}
 .dcu-wb-drop-indicator::after{content:"";position:absolute;box-sizing:border-box;left:0;top:0;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}
 .dcu-wb-project-body:has(>.dcu-wb-session)::after{content:"";display:block;height:4px;pointer-events:none}
-.dcu-wb-section-body[data-open=true]:has(.dcu-wb-group-order-drop){overflow:visible}
+.dcu-wb-section-body[data-open=true]:has(.dcu-wb-group-order-drop),.dcu-wb-section-body[data-open=true]:has(.dcu-wb-pin-end),.dcu-wb-section-body[data-open=true]:has(.dcu-wb-pin-start){overflow:visible}
 .dcu-wb-collection-body{padding-left:0}
 .dcu-wb-collection-body>.dcu-wb-group-member:first-child{padding-top:4px}
 .dcu-wb-collection-body .dcu-wb-project-head{padding-left:8px}
@@ -3089,9 +3411,12 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		function CodexWorkspaceBrowser(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HoverShell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodexWorkspaceTree, { ...props }) });
 		}
-		function CodexWorkspaceTree({ wide, useSessions, useSessionPendingInteraction, useWorkspaces, t, archiveSession, deleteSession, deleteWorkspace, forkSession, insertSessionBefore, insertWorkspaceBefore, moveSession, openPath, openSession, renameSession, renameWorkspace, startSession, canDeleteSession }) {
+		function CodexWorkspaceTree({ wide, useSessions, useSessionPendingInteraction, useSessionStatus, useWorkspaces, t, archiveSession, deleteSession, deleteWorkspace, forkSession, insertSessionBefore, insertWorkspaceBefore, moveSession, openPath, openSession, renameSession, renameWorkspace, startSession, canDeleteSession, panelActive = false }) {
 			const sessions = useSessions((state) => state);
-			const pendingInteractions = (useSessionPendingInteraction ?? useEmptySessionPendingInteraction)((state) => state);
+			const now = useSharedNow();
+			const pendingInteractions = useHostPendingInteractions(useSessionPendingInteraction, useSessionStatus);
+			const sessionStatus = useHostSessionStatus(useSessionStatus);
+			const selectedId = visibleSelectedSessionId(sessions, panelActive);
 			const workspaces = useWorkspaces((state) => state);
 			const baselinesReady = workspaceBaselinesReady(workspaces, sessions);
 			const [expanded, setExpanded] = (0, react.useState)(() => readTreeExpansionState(storage$1(), WORKSPACE_EXPANSION_STORAGE_KEY));
@@ -3153,6 +3478,8 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				setWorkspaceGroupsState(next);
 			};
 			const [unreadSessionIds, setUnreadSessionIds] = (0, react.useState)(() => readSessionIds(storage$1(), SESSION_UNREAD_STORAGE_KEY));
+			const rowUnread = (id) => sessionRowUnread(unreadSessionIds.includes(id), sessionStatus.get(id), selectedId === id);
+			const rowRunning = (id, session) => sessionIsRunning(session ?? sessions.byId[id], sessionStatus.get(id));
 			const previousSessionRunningRef = (0, react.useRef)();
 			const [menu, setMenu] = (0, react.useState)();
 			const [renameTarget, setRenameTarget] = (0, react.useState)();
@@ -3272,17 +3599,20 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				}
 			}, [baselinesReady, workspaces.items]);
 			(0, react.useEffect)(() => {
-				const current = sessions.current;
-				if (current !== void 0) setUnreadSessionIds((ids) => ids.filter((id) => id !== current));
-			}, [sessions.current]);
+				if (selectedId !== void 0) setUnreadSessionIds((ids) => ids.filter((id) => id !== selectedId));
+			}, [selectedId]);
 			(0, react.useEffect)(() => {
-				const next = Object.fromEntries(Object.entries(sessions.byId).map(([id, session]) => [id, session.running === true]));
+				const next = sessionRunningFlags(sessions.byId, sessionStatus);
 				const previous = previousSessionRunningRef.current;
 				previousSessionRunningRef.current = next;
 				if (previous === void 0) return;
-				const completed = completedBackgroundSessionIds(previous, next, sessions.current);
+				const completed = completedBackgroundSessionIds(previous, next, selectedId);
 				if (completed.length > 0) setUnreadSessionIds((ids) => [...completed, ...ids.filter((id) => !completed.includes(id))]);
-			}, [sessions.byId, sessions.current]);
+			}, [
+				selectedId,
+				sessionStatus,
+				sessions.byId
+			]);
 			const groups = (0, react.useMemo)(() => {
 				const archived = workspaces.archivedSessionIds;
 				const visible = (ids) => visibleSessionIds(ids, sessions.byId, archived);
@@ -3313,7 +3643,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			(0, react.useEffect)(() => {
 				const onProject = (event) => {
 					const detail = event.detail;
-					const current = sessions.current;
+					const current = selectedId;
 					const workspace = groups.items.find((item) => current !== void 0 && item.visibleIds.includes(String(current)));
 					if (workspace === void 0 || detail === void 0) return;
 					if (detail.toggle === true && isShowing("workspace", workspace.workspaceId)) {
@@ -3326,7 +3656,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 						title: workspace.title,
 						path: workspace.path,
 						count: workspace.visibleIds.length,
-						unreadCount: workspace.visibleIds.filter((id) => unreadSessionIds.includes(String(id))).length,
+						unreadCount: workspace.visibleIds.filter((id) => rowUnread(String(id))).length,
 						pinned: pinnedWorkspaceIds.includes(String(workspace.workspaceId)),
 						left: detail.left,
 						top: detail.top
@@ -3334,7 +3664,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				};
 				const onMenu = (event) => {
 					const detail = event.detail;
-					const current = sessions.current;
+					const current = selectedId;
 					if (current === void 0 || detail === void 0) return;
 					dismissTip();
 					if (performance.now() - headerMenuPointerAt.current < 500) {
@@ -3355,9 +3685,9 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				};
 			}, [
 				groups.items,
-				sessions.current,
 				menu,
 				pinnedWorkspaceIds,
+				selectedId,
 				unreadSessionIds
 			]);
 			const projectPinned = (id) => pinnedWorkspaceIds.includes(String(id));
@@ -3586,7 +3916,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			};
 			const canDelete = canDeleteSession?.() === true;
 			const sessionMenu = (sessionId, path) => sessionMenuItems(t, {
-				unread: unreadSessionIds.includes(sessionId),
+				unread: rowUnread(sessionId),
 				path,
 				includePath: true,
 				moveTargets: sessionMoveTargets(groups.items, sessionId).map((target) => ({
@@ -3641,7 +3971,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			const renderGroup = (workspace, zone) => {
 				const expandKey = zone === "pinned" ? `pin:${workspace.workspaceId}` : String(workspace.workspaceId);
 				const isExpanded = expanded[expandKey] ?? true;
-				const currentSessionId = sessions.current === void 0 ? void 0 : String(sessions.current);
+				const currentSessionId = selectedId;
 				const folder = projectFolderPresentation(isExpanded, workspace.visibleIds.some((id) => id === currentSessionId));
 				const shownIds = workspace.visibleIds;
 				const menuOpen = menu?.type === "workspace" && menu.id === workspace.workspaceId;
@@ -3769,7 +4099,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 								title: workspace.title,
 								path: workspace.path,
 								count: workspace.visibleIds.length,
-								unreadCount: workspace.visibleIds.filter((id) => unreadSessionIds.includes(String(id))).length,
+								unreadCount: workspace.visibleIds.filter((id) => rowUnread(String(id))).length,
 								pinned: projectPinned(workspace.workspaceId),
 								left: box.left,
 								top: box.top
@@ -3798,7 +4128,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 										title: workspace.title,
 										path: workspace.path,
 										count: workspace.visibleIds.length,
-										unreadCount: workspace.visibleIds.filter((id) => unreadSessionIds.includes(String(id))).length,
+										unreadCount: workspace.visibleIds.filter((id) => rowUnread(String(id))).length,
 										pinned: projectPinned(workspace.workspaceId),
 										left: box.left,
 										top: box.top
@@ -3866,7 +4196,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 							if (session === void 0) return null;
 							const pendingInteraction = pendingInteractionForSession(id, pendingInteractions, legacyPendingInteraction(session));
 							const path = session.cwd ?? workspace.path;
-							const selected = sessions.current === id;
+							const selected = selectedId === id;
 							const sessionMenuOpen = menu?.type === "session" && menu.id === id;
 							const sessionMenuAt = sessionMenuOpen && menu.x !== void 0 && menu.y !== void 0 ? {
 								x: menu.x,
@@ -3951,23 +4281,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,
+										unread: rowUnread(id),
+										running: rowRunning(id, session),
 										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", {
@@ -4423,7 +4751,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 				return mountWorkspaceDropIndicator(treeRef.current);
 			}, [wide, sorting]);
 			(0, react.useEffect)(() => {
-				const current = sessions.current === void 0 ? void 0 : String(sessions.current);
+				const current = selectedId;
 				if (current === void 0 || lastRevealedSessionIdRef.current === current) return;
 				const tree = {
 					workspaces: workspaces.items.map((item) => ({
@@ -4444,7 +4772,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			}, [
 				pinnedWorkspaceIds,
 				recentIds,
-				sessions.current,
+				selectedId,
 				workspaceGroups,
 				workspaces.items
 			]);
@@ -4714,16 +5042,17 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 										const session = sessions.byId[id];
 										if (session === void 0) return null;
 										const title = session.displayTitle;
-										const unread = unreadSessionIds.includes(id);
+										const unread = rowUnread(id);
 										const pendingInteraction = pendingInteractionForSession(id, pendingInteractions, legacyPendingInteraction(session));
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionRow, {
 											id,
 											title,
-											selected: sessions.current === id,
+											selected: selectedId === id,
 											menuOpen: menu?.type === "session" && menu.id === id,
 											unread,
-											running: session.running === true,
+											running: rowRunning(id, session),
 											pendingInteraction,
+											time: formatCompactTime(session.updatedAt, t, now),
 											t,
 											menuItems: sessionMenu(id, session.cwd),
 											draggable: true,
@@ -4769,7 +5098,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
 												});
@@ -5416,14 +5745,17 @@ 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 }) {
+		function ChannelBrowserTree({ openSession, archiveSession, deleteSession, forkSession, moveSession, renameSession, useSessions, useSessionPendingInteraction, useSessionStatus, useWorkspaces, t, canDeleteSession, panelActive = false, menu, setMenu }) {
 			const sessions = useSessions((state) => state);
+			const now = useSharedNow();
 			const workspaces = useWorkspaces?.((state) => state);
-			const pendingInteractions = (useSessionPendingInteraction ?? useEmptySessionPendingInteraction)((state) => state);
+			const pendingInteractions = useHostPendingInteractions(useSessionPendingInteraction, useSessionStatus);
+			const sessionStatus = useHostSessionStatus(useSessionStatus);
+			const selectedId = visibleSelectedSessionId(sessions, panelActive);
 			const [groups, setGroups] = (0, react.useState)([]);
 			const [pollError, setPollError] = (0, react.useState)();
 			const [expanded, setExpanded] = (0, react.useState)(() => readTreeExpansionState(browserStorage(), CHANNEL_EXPANSION_STORAGE_KEY));
-			const flags = useSessionFlags(sessions.current);
+			const flags = useSessionFlags(selectedId);
 			const { showTip, hideTip, dismissTip } = useHoverDispatch();
 			const { busy, error, setError, run } = useBusyAction(t, () => {
 				setMenu(void 0);
@@ -5519,10 +5851,11 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 										children: group.sessions.map((session) => {
 											const id = session.sessionId;
 											const title = session.title;
-											const selected = sessions.current === id;
-											const running = session.running || sessions.byId[id]?.running === true;
+											const selected = selectedId === id;
+											const status = sessionStatus.get(id);
+											const running = sessionIsRunning({ running: session.running === true || sessions.byId[id]?.running === true }, status);
 											const updatedAt = session.updatedAt ?? sessions.byId[id]?.updatedAt;
-											const unread = flags.unreadSessionIds.includes(id);
+											const unread = sessionRowUnread(flags.unreadSessionIds.includes(id), status, selected);
 											const pendingInteraction = pendingInteractionForSession(id, pendingInteractions, sessions.byId[id]?.pendingInteraction);
 											const moveTargets = moveSession === void 0 || workspaces === void 0 ? void 0 : sessionMoveTargets(workspaces.items, id).map((target) => ({
 												...target,
@@ -5537,6 +5870,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,
@@ -5562,7 +5896,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
 													});
@@ -5690,14 +6024,17 @@ 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 }) {
+		function ScheduleBrowserTree({ openSession, archiveSession, deleteSession, forkSession, moveSession, renameSession, useSessions, useSessionPendingInteraction, useSessionStatus, useWorkspaces, t, canDeleteSession, panelActive = false, openTaskSettings, menu, setMenu }) {
 			const sessions = useSessions((state) => state);
-			const pendingInteractions = (useSessionPendingInteraction ?? useEmptySessionPendingInteraction)((state) => state);
+			const now = useSharedNow();
+			const pendingInteractions = useHostPendingInteractions(useSessionPendingInteraction, useSessionStatus);
+			const sessionStatus = useHostSessionStatus(useSessionStatus);
+			const selectedId = visibleSelectedSessionId(sessions, panelActive);
 			const workspaces = useWorkspaces((state) => state);
 			const [expanded, setExpanded] = (0, react.useState)(() => readTreeExpansionState(browserStorage(), SCHEDULE_EXPANSION_STORAGE_KEY));
 			const [groupMenu, setGroupMenu] = (0, react.useState)();
 			const [archiveGroupTarget, setArchiveGroupTarget] = (0, react.useState)();
-			const flags = useSessionFlags(sessions.current);
+			const flags = useSessionFlags(selectedId);
 			const { showTip, hideTip, dismissTip } = useHoverDispatch();
 			const { busy, error, setError, run } = useBusyAction(t, () => {
 				setMenu(void 0);
@@ -5826,7 +6163,9 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 										children: group.sessions.map((session) => {
 											const id = session.id;
 											const title = session.title;
-											const unread = flags.unreadSessionIds.includes(id);
+											const selected = selectedId === id;
+											const status = sessionStatus.get(id);
+											const unread = sessionRowUnread(flags.unreadSessionIds.includes(id), status, selected);
 											const pendingInteraction = pendingInteractionForSession(id, pendingInteractions, sessions.byId[id]?.pendingInteraction);
 											const moveTargets = moveSession === void 0 ? void 0 : sessionMoveTargets(workspaces.items ?? [], id).map((target) => ({
 												...target,
@@ -5836,11 +6175,12 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 											return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionRow, {
 												id,
 												title,
-												selected: sessions.current === id,
+												selected,
 												menuOpen: menu?.id === id,
 												unread,
-												running: session.running,
+												running: sessionIsRunning(sessions.byId[id], status),
 												pendingInteraction,
+												time: session.updatedAt === void 0 ? void 0 : formatCompactTime(session.updatedAt, t, now),
 												t,
 												menuItems: sessionMenuItems(t, {
 													unread,
@@ -5866,7 +6206,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
 													});
@@ -6602,7 +6942,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			});
 		}
 		/** 搜索状态与大侧栏隔离：输入、悬停和开关弹窗都不能让工作区树跟着重渲染。 */
-		const SidebarSearch = (0, react.forwardRef)(function SidebarSearch({ imSettingsAvailable, openSession, startSession, t, useSessions, useWorkspaces, settingsSeat }, ref) {
+		const SidebarSearch = (0, react.forwardRef)(function SidebarSearch({ imSettingsAvailable, openPlugins, openSession, startSession, t, useSessions, useWorkspaces, settingsSeat }, ref) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [query, setQuery] = (0, react.useState)("");
 			const [activeIndex, setActiveIndex] = (0, react.useState)(0);
@@ -6620,9 +6960,6 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			const selectSection = (0, react.useCallback)((label) => {
 				openSettingsSection(settingsSeat.current, label);
 			}, [settingsSeat]);
-			const selectPluginSection = (0, react.useCallback)(() => {
-				openSettingsSection(settingsSeat.current, [t("sidebar.marketplace"), t("sidebar.plugins")]);
-			}, [settingsSeat, t]);
 			const selectExternalSection = (0, react.useCallback)((label) => {
 				openSettingsSection(settingsSeat.current, label, () => {
 					selectSection(t("about.nav"));
@@ -6699,7 +7036,17 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 						keywords: t("search.settings"),
 						run: () => {
 							close();
-							selectPluginSection();
+							openPlugins();
+						}
+					},
+					{
+						id: "settings:plugin-config",
+						group: "settings",
+						label: t("settings.pluginConfig"),
+						keywords: t("search.settings"),
+						run: () => {
+							close();
+							openSettingsSection(settingsSeat.current, t("settings.pluginConfig"));
 						}
 					},
 					{
@@ -6760,10 +7107,10 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			}, [
 				close,
 				openImSettings,
+				openPlugins,
 				openSession,
 				openSettings,
 				selectExternalSection,
-				selectPluginSection,
 				selectSection,
 				sessions.byId,
 				sessions.ids,
@@ -6874,10 +7221,11 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			});
 		});
 		/** Codex 风格的 DSH 侧栏，只替换导航外观，项目浏览和设置仍由 DSH 官方组件提供。 */
-		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 }) {
+		function CodexSidebar({ globalPanels, footerActions, selectPanel, usePanelInfo = useLegacyPanelInfo, collapsed, width, openSession, startSession, toggleSidebar, archiveSession, canDeleteSession, deleteSession, forkSession, moveSession, renameSession, openPath, companionSlots, renderSlot, t, useSessions, useSessionPendingInteraction, useSessionStatus, 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 panelActive = activePanelId !== null && activePanelId !== "";
 			const panelButtons = (wide) => selectPanel === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlobalPanelButtons, {
 				panels,
 				activeId: activePanelId,
@@ -6908,8 +7256,8 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			const selectSection = (label) => {
 				openSettingsSection(settingsSeat.current, label);
 			};
-			const selectPluginSection = () => {
-				openSettingsSection(settingsSeat.current, [t("sidebar.marketplace"), t("sidebar.plugins")]);
+			const openPlugins = () => {
+				openSettingsSection(settingsSeat.current, [t("sidebar.marketplace"), t("sidebar.builtinPlugins")]);
 			};
 			const selectExternalSection = (label) => {
 				openSettingsSection(settingsSeat.current, label, () => {
@@ -7028,10 +7376,17 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 					window.clearTimeout(timer);
 				};
 			}, [compact, visualCompact]);
-			const workspaceSlot = (0, react.useMemo)(() => renderSlot("sidebar.workspaces", {
-				wide: true,
-				expandSidebar
-			}), [expandSidebar, renderSlot]);
+			const workspaceSlot = (0, react.useMemo)(() => {
+				return renderSlot("sidebar.workspaces", {
+					wide: true,
+					expandSidebar,
+					panelActive
+				});
+			}, [
+				expandSidebar,
+				panelActive,
+				renderSlot
+			]);
 			const scheduleOverviewSlot = (0, react.useMemo)(() => renderSlot("sidebar.schedule", {
 				wide: true,
 				expandSidebar,
@@ -7167,7 +7522,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 															type: "button",
 															tabIndex: extensionsOpen ? 0 : -1,
 															onClick: () => {
-																selectPluginSection();
+																openPlugins();
 															},
 															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPersonalizationOutline16, { size: 16 }) }), t("sidebar.plugins")]
 														}),
@@ -7243,7 +7598,9 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 										renameSession,
 										useSessions,
 										useSessionPendingInteraction,
+										useSessionStatus,
 										useWorkspaces,
+										panelActive,
 										t
 									})
 								}) : imTab === "schedule" && showSchedule ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -7258,7 +7615,9 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 										renameSession,
 										useSessions,
 										useSessionPendingInteraction,
+										useSessionStatus,
 										useWorkspaces,
+										panelActive,
 										t,
 										overviewContent: scheduleOverviewSlot,
 										openTaskSettings: (request) => {
@@ -7331,7 +7690,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 									className: "dcu-icon",
 									"aria-label": t("sidebar.plugins"),
 									onClick: () => {
-										selectPluginSection();
+										openPlugins();
 									},
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPersonalizationOutline16, { size: 16 })
 								}),
@@ -7377,6 +7736,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarSearch, {
 						ref: search,
 						imSettingsAvailable: showChannels,
+						openPlugins,
 						settingsSeat,
 						openSession,
 						startSession,
@@ -7916,7 +8276,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			});
 		}
 		function NativeConnectorList({ sessionStore, t }) {
-			const sessionId = (0, react.useSyncExternalStore)(sessionStore.subscribe, () => sessionStore.getSnapshot().current);
+			const sessionId = (0, react.useSyncExternalStore)(sessionStore.subscribe, () => currentSessionId(sessionStore.getSnapshot()));
 			const [connectors, setConnectors] = (0, react.useState)([]);
 			const [state, setState] = (0, react.useState)("loading");
 			const [failure, setFailure] = (0, react.useState)();
@@ -8071,6 +8431,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"settings.search": "搜索设置…",
 			"settings.personal": "个人",
 			"settings.integrations": "集成",
+			"settings.pluginConfig": "插件配置",
 			"settings.records": "记录与应用",
 			"settings.general": "常规",
 			"settings.permissions": "权限",
@@ -8093,6 +8454,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"sidebar.skills": "技能",
 			"sidebar.plugins": "插件",
 			"sidebar.marketplace": "插件市场",
+			"sidebar.builtinPlugins": "内置插件",
 			"sidebar.connectors": "连接器",
 			"sidebar.schedule": "定时任务",
 			"sidebar.assistant": "IM助理",
@@ -8284,9 +8646,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": "服务暂不可用，请稍后重试。",
@@ -8355,6 +8721,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"settings.search": "Search settings…",
 			"settings.personal": "Personal",
 			"settings.integrations": "Integrations",
+			"settings.pluginConfig": "Plugin configuration",
 			"settings.records": "Records and app",
 			"settings.general": "General",
 			"settings.permissions": "Permissions",
@@ -8377,6 +8744,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"sidebar.skills": "Skills",
 			"sidebar.plugins": "Plugins",
 			"sidebar.marketplace": "Plugin Market",
+			"sidebar.builtinPlugins": "Built-in plugins",
 			"sidebar.connectors": "Connectors",
 			"sidebar.schedule": "Scheduled tasks",
 			"sidebar.assistant": "IM Assistant",
@@ -8568,9 +8936,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.",
@@ -8665,6 +9037,8 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 		};
 		const LABEL_ALIASES = [
 			[["插件市场", "Plugin Market"], "plugins"],
+			[["内置插件", "Built-in plugins"], "plugins"],
+			[["插件配置", "Plugin configuration"], "plugins"],
 			[["专家", "Experts"], "experts"],
 			[["技能", "Skills"], "skills"],
 			[["插件", "Plugins"], "plugins"],
@@ -8966,6 +9340,160 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			}, "michengai-codex-ui: usage navigation");
 		}
 		//#endregion
+		//#region src/client/PluginConfigSection.tsx
+		function bindPluginConfigLocale(bind) {
+			const cache = /* @__PURE__ */ new Map();
+			return (ns) => {
+				const existing = cache.get(ns);
+				if (existing !== void 0) return existing;
+				const translate = bind(ns);
+				cache.set(ns, translate);
+				return translate;
+			};
+		}
+		const FORWARDED_CONFIG_SLOTS = /* @__PURE__ */ new Set([
+			"plugins.item",
+			"plugins.bundle.config",
+			"plugins.row.config"
+		]);
+		var SlotEntryBoundary = class extends react.Component {
+			state = { failed: false };
+			static getDerivedStateFromError() {
+				return { failed: true };
+			}
+			render() {
+				return this.state.failed ? this.props.fallback : this.props.children;
+			}
+		};
+		function isSnapshotSource(value) {
+			return typeof value === "object" && value !== null && typeof value.getSnapshot === "function" && typeof value.subscribe === "function";
+		}
+		function hookPropName(name) {
+			return `use${name[0]?.toUpperCase() ?? ""}${name.slice(1)}`;
+		}
+		function bindSnapshotSelector(source) {
+			const subscribe = (listener) => source.subscribe(listener);
+			const getSnapshot = () => source.getSnapshot();
+			return function useSelected(selector = (value) => value) {
+				return (0, react.useSyncExternalStore)(subscribe, () => selector(getSnapshot()), () => selector(getSnapshot()));
+			};
+		}
+		function bindHookSources(hooks, bound) {
+			for (const [name, source] of Object.entries(hooks ?? {})) if (isSnapshotSource(source)) bound[hookPropName(name)] = bindSnapshotSelector(source);
+		}
+		function bindInjectFace(inject) {
+			try {
+				if (typeof inject !== "function") return {};
+				const face = inject();
+				if (typeof face !== "object" || face === null) return {};
+				const { hooks, keyedHooks, ...rest } = face;
+				const bound = { ...rest };
+				if (keyedHooks !== void 0) bound.keyedHooks = keyedHooks;
+				bindHookSources(hooks, bound);
+				bindHookSources(keyedHooks, bound);
+				return bound;
+			} catch {
+				return {};
+			}
+		}
+		function DelegatedOfficialSlot({ slots, name, owner, opts, bindLocale }) {
+			(0, react.useSyncExternalStore)((listener) => slots.subscribe(name, listener), () => slots.getVersion(name));
+			const nodes = slots.entriesOfSlot(name).filter((entry) => opts?.entryKey !== void 0 ? entry.options.key === opts.entryKey : opts?.only === void 0 || entry.options.id === opts.only).flatMap((entry, index) => {
+				if (typeof entry.component !== "function") return [];
+				const t = entry.locale !== void 0 && bindLocale !== void 0 ? bindLocale(entry.locale) : void 0;
+				return [(0, react.createElement)(SlotEntryBoundary, {
+					key: entry.options.key ?? entry.options.id ?? String(index),
+					fallback: opts?.fallback ?? null,
+					children: (0, react.createElement)(entry.component, {
+						...owner,
+						...bindInjectFace(entry.inject),
+						...t === void 0 ? {} : { t }
+					})
+				})];
+			});
+			return nodes.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-slot": name,
+				style: { display: "contents" },
+				children: nodes
+			}) : opts?.fallback ?? null;
+		}
+		function wrapRenderSlot(settingsRenderSlot, slots, bindLocale) {
+			return (name, owner = {}, opts) => {
+				if (slots !== void 0 && FORWARDED_CONFIG_SLOTS.has(name)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DelegatedOfficialSlot, {
+					slots,
+					name,
+					owner,
+					opts,
+					bindLocale
+				});
+				return typeof settingsRenderSlot === "function" ? settingsRenderSlot(name, owner, opts) : null;
+			};
+		}
+		/** 设置里的官方插件管理页副本。官方卡片要 inject 和文案；单卡崩溃不得拆掉整页。 */
+		function PluginConfigSection({ Official, officialLabel, slots, bindLocale, ...official }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: "dcu-plugin-config",
+				"aria-label": officialLabel,
+				children: (0, react.createElement)(Official, {
+					...official,
+					renderSlot: wrapRenderSlot(official.renderSlot, slots, bindLocale)
+				})
+			});
+		}
+		function createPluginConfigSection(Official, officialLabel, slots, bindLocale) {
+			return function PluginConfigSectionBound(props) {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginConfigSection, {
+					Official,
+					officialLabel: officialLabel(),
+					slots,
+					bindLocale,
+					...props
+				});
+			};
+		}
+		//#endregion
+		//#region src/client/plugin-config.ts
+		const PLUGIN_CONFIG_SECTION_ID = "plugin-config";
+		const OFFICIAL_PLUGIN_MANAGER_NS = "pluginManager";
+		function officialPluginsPage(entry) {
+			if (entry === void 0 || entry.options.key !== "plugins") return void 0;
+			if (typeof entry.component !== "function" || typeof entry.inject !== "function" || entry.locale !== OFFICIAL_PLUGIN_MANAGER_NS) return void 0;
+			return entry.component;
+		}
+		function registerPluginConfigSection(ctx) {
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("settings.section", () => {
+				let current;
+				let remove;
+				const refresh = () => {
+					const entry = ctx.slots.entriesOfSlot("main").find((item) => item.options.key === OFFICIAL_PLUGINS_PANEL_ID);
+					if (entry === current) return;
+					remove?.();
+					remove = void 0;
+					current = entry;
+					const Official = officialPluginsPage(entry);
+					if (Official === void 0 || entry?.inject === void 0 || entry.locale !== OFFICIAL_PLUGIN_MANAGER_NS) return;
+					remove = ctx.slots.register({
+						name: "settings.section",
+						id: PLUGIN_CONFIG_SECTION_ID,
+						order: 16,
+						label: () => t("settings.pluginConfig"),
+						locale: entry.locale,
+						inject: entry.inject
+					}, createPluginConfigSection(Official, () => t("settings.pluginConfig"), ctx.slots, bindPluginConfigLocale((ns) => {
+						const translate = ctx.locale.bind(ns);
+						return (key, params) => translate(key, params);
+					})));
+				};
+				const unsubscribe = ctx.slots.subscribe("main", refresh);
+				refresh();
+				return () => {
+					unsubscribe();
+					remove?.();
+				};
+			});
+		}
+		//#endregion
 		//#region src/client/settings-page-model.ts
 		function settingsGroup(id) {
 			if (/archive|about|^usage-statistics$/.test(id)) return "records";
@@ -9067,6 +9595,10 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 .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}
 .dcu-settings-inner:has(.dcu-usage-section)>[data-slot="settings.section"]{display:flex;flex:1;min-height:0;flex-direction:column}
+.dcu-plugin-config [data-plugin-panel]{height:auto;padding:0;overflow:visible;align-items:stretch;gap:24px}
+.dcu-plugin-config [data-plugin-panel]>*{max-width:none}
+.dcu-plugin-config [data-plugin-panel]>header :is(h1,p){display:none}
+.dcu-plugin-config [data-plugin-panel]>header{justify-content:flex-end}
 .dcu-usage-section{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px}
 .dcu-usage-section h1{font-size:24px;font-weight:500;margin:0}
 .dcu-usage-section p{color:var(--sp-muted)}
@@ -9127,7 +9659,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 			const rows = (0, react.useSyncExternalStore)(sections.subscribe, sections.getSnapshot);
 			const steps = (0, react.useSyncExternalStore)(onboarding.subscribe, onboarding.getSnapshot);
 			const connection = (0, react.useSyncExternalStore)(connectionState.subscribe, connectionState.getSnapshot);
-			const onboardingActive = useSessions((state) => state.phase === "ready" && (state.current === void 0 || state.byId[state.current]?.blank === true));
+			const onboardingActive = useSessions((state) => isBlankOnboardingSession(state));
 			const [completed, setCompleted] = (0, react.useState)(() => /* @__PURE__ */ new Set());
 			const [open, setOpen] = (0, react.useState)(false);
 			const [activeId, setActiveId] = (0, react.useState)("general");
@@ -9282,6 +9814,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 				if (main.current !== null) main.current.scrollTop = 0;
 			}, [active?.id]);
 			const visible = filterSettingsRows(rows, query);
+			const ownTitle = active?.id === "general" ? t("settings.general") : active?.id === "plugin-config" ? t("settings.pluginConfig") : void 0;
 			const connectionIndicator = connection === "disconnected" ? "disconnected" : connection === "connecting" ? "connecting" : recovered ? "recovered" : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: settingsPageStyles }),
@@ -9391,8 +9924,8 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 							"data-settings-section": active?.id,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 								className: "dcu-settings-heading",
-								"data-own-title": active?.id === "general",
-								children: [active?.id === "general" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: t("settings.general") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-own-title": ownTitle !== void 0,
+								children: [ownTitle !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: ownTitle }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "dcu-settings-actions",
 									children: renderSlot("settings.action", {})
 								})]
@@ -10324,7 +10857,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 		}
 		/** Archive Manager replaces the official ui-workspace row with this optional service. */
 		function startWorkspaceSession(ctx, workspaceId) {
-			const uiWorkspace = ctx.get("uiWorkspace");
+			const uiWorkspace = probeService(ctx, "uiWorkspace");
 			if (hasStartSession(uiWorkspace)) {
 				uiWorkspace.startSession(workspaceId);
 				return;
@@ -10337,6 +10870,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 		}
 		/** 替换 DSH 的官方 sidebar 插槽，不修改 DSH 源码或会话数据。 */
 		function apply(ctx) {
+			Object.assign(globalThis, { __dcuCurrentSessionId: currentSessionId });
 			const widthStorage = browserStorage();
 			if (widthStorage) initializeComposerWidth(widthStorage);
 			ctx.effect(() => ctx.locale.register(NS, {
@@ -10348,6 +10882,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 			registerInputHistory(ctx);
 			registerSettingsPage(ctx);
 			registerUsageStatistics(ctx);
+			registerPluginConfigSection(ctx);
 			const connection = ctx.get("connection");
 			const openPath = (path) => openPathInHost(connection, path);
 			ctx.effect(() => observeSlimSidebar(), "michengai-codex-ui: slim sidebar");
@@ -10359,7 +10894,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 			ctx.effect(() => observeConversationHeader(), "michengai-codex-ui: conversation header");
 			ctx.effect(() => observeOfficialTurnNavigators(), "michengai-codex-ui: official turn navigator");
 			const newConversationDraft = createDraftPresenceSource(ctx.sessions.list, () => {
-				const id = ctx.sessions.list.getSnapshot().current;
+				const id = currentSessionId(ctx.sessions.list.getSnapshot());
 				const binding = id === void 0 ? void 0 : ctx.sessions.binding(id);
 				return binding === void 0 ? void 0 : ctx.conversation.input.for(binding.ctx).state;
 			});
@@ -10399,12 +10934,12 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 				inject: () => ({
 					newConversationDraft,
 					prefillNewConversation: (text) => {
-						const id = ctx.sessions.list.getSnapshot().current;
+						const id = currentSessionId(ctx.sessions.list.getSnapshot());
 						const binding = id === void 0 ? void 0 : ctx.sessions.binding(id);
 						return prefillNewConversation(binding === void 0 ? void 0 : ctx.conversation.input.for(binding.ctx), text);
 					},
 					openSession: (sessionId) => {
-						openConversation(ctx.sessions, ctx.layout, sessionId);
+						openConversation(ctx, ctx.layout, sessionId);
 					},
 					startSession: (workspaceId) => {
 						startWorkspaceSession(ctx, workspaceId);
@@ -10434,20 +10969,16 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 				locale: NS
 			}, TurnNavigator));
 			const forkSession = async (sessionId) => {
-				await runHostAction("fork", async () => {
-					const childId = await ctx.sessions.fork({
-						sessionId,
-						increaseTitle: true
-					});
-					openConversation(ctx.sessions, ctx.layout, childId);
-				});
+				await runHostAction("fork", () => forkHostSession(ctx, sessionId));
 			};
 			const renameSession = async (sessionId, title) => {
-				const session = ctx.sessions.binding(sessionId)?.session;
-				if (session === void 0) throw new UserFacingError(t("sessions.unknown"));
 				await runHostAction("rename", async () => {
-					const result = await session.rename(title);
-					if (!result.ok) throw result.error;
+					try {
+						await renameHostSession(ctx, sessionId, title);
+					} catch (reason) {
+						if (reason instanceof UnknownSessionError) throw new UserFacingError(t("sessions.unknown"));
+						throw reason;
+					}
 				});
 			};
 			const deleteSession = async (sessionId) => {
@@ -10458,7 +10989,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 					if (!result.ok) throw result.error === void 0 ? new UserFacingError(t("sessions.deleteUnavailable")) : result.error;
 				});
 			};
-			const archiveSession = (sessionId) => runHostAction("archive", () => ctx.workspaces.archiveSession(sessionId));
+			const archiveSession = (sessionId) => runHostAction("archive", () => archiveHostSession(ctx, sessionId));
 			const moveSession = async (sessionId, targetWorkspaceId) => {
 				try {
 					await requestSessionMove(sessionId, targetWorkspaceId);
@@ -10479,22 +11010,36 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 				if (prompt === "") throw new UserFacingError(t("connectors.promptRequired"));
 				const workspaces = ctx.workspaces.list.getSnapshot();
 				const sessionSnapshot = ctx.sessions.list.getSnapshot();
-				const currentSessionId = sessionSnapshot.current;
-				const currentWorkspaceId = currentSessionId === void 0 ? void 0 : workspaces.items.find((workspace) => workspace.sessionIds.includes(currentSessionId))?.workspaceId;
+				const selectedSessionId = currentSessionId(sessionSnapshot);
+				const currentWorkspaceId = selectedSessionId === void 0 ? void 0 : workspaces.items.find((workspace) => workspace.sessionIds.includes(selectedSessionId))?.workspaceId;
 				const baselinesReady = workspaceBaselinesReady(workspaces, sessionSnapshot);
 				const targetWorkspaceId = currentWorkspaceId ?? (baselinesReady ? recentWorkspaceId(workspaces.items, sessionSnapshot.byId) : void 0);
 				if (targetWorkspaceId === void 0 && !baselinesReady) throw new UserFacingError(t("connectors.workspacesLoading"));
 				if (targetWorkspaceId === void 0) throw new UserFacingError(t("connectors.workspaceRequired"));
-				const uiWorkspace = ctx.get("uiWorkspace");
-				const workspaceNavigation = hasConnectWorkspace(uiWorkspace) ? uiWorkspace : hasConnectWorkspace(ctx.workspaces) ? ctx.workspaces : void 0;
-				if (workspaceNavigation === void 0) throw new UserFacingError(t("connectors.workspaceUnavailable"));
-				const sessionId = await workspaceNavigation.connectWorkspace(targetWorkspaceId);
+				const uiWorkspace = probeService(ctx, "uiWorkspace");
 				const conversation = ctx.get("conversation");
 				if (conversation === void 0) throw new UserFacingError(t("connectors.conversationUnavailable"));
-				const binding = ctx.sessions.binding(sessionId);
-				if (binding === void 0) throw new UserFacingError(t("connectors.sessionPending"));
-				conversation.input.for(binding.ctx).setDraft(prompt);
-				openConversation(ctx.sessions, ctx.layout, sessionId);
+				try {
+					if (hasOpenWorkspace(uiWorkspace)) {
+						await Promise.resolve(uiWorkspace.openWorkspace(targetWorkspaceId, (id) => {
+							const binding = ctx.sessions.binding(id);
+							if (binding?.ctx === void 0) throw new UnknownSessionError();
+							conversation.input.for(binding.ctx).setDraft(prompt);
+						}));
+						selectGlobalPanel(ctx.layout, null);
+						return;
+					}
+					const workspaceNavigation = hasConnectWorkspace(uiWorkspace) ? uiWorkspace : hasConnectWorkspace(ctx.workspaces) ? ctx.workspaces : void 0;
+					if (workspaceNavigation === void 0) throw new UserFacingError(t("connectors.workspaceUnavailable"));
+					const sessionId = await workspaceNavigation.connectWorkspace(targetWorkspaceId);
+					await openConversationWithDraft(ctx, ctx.layout, ctx.sessions, sessionId, (binding) => {
+						if (binding.ctx === void 0) throw new UnknownSessionError();
+						conversation.input.for(binding.ctx).setDraft(prompt);
+					});
+				} catch (reason) {
+					if (reason instanceof UnknownSessionError) throw new UserFacingError(t("connectors.sessionPending"));
+					throw reason;
+				}
 			};
 			ctx.slots.inject("sidebar.workspaces", () => ctx.slots.register({
 				name: "sidebar.workspaces",
@@ -10509,7 +11054,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 					moveSession,
 					openPath,
 					openSession: (sessionId) => {
-						openConversation(ctx.sessions, ctx.layout, sessionId);
+						openConversation(ctx, ctx.layout, sessionId);
 					},
 					renameSession,
 					renameWorkspace: (workspaceId, title) => ctx.workspaces.rename(workspaceId, title),
@@ -10528,7 +11073,7 @@ html[data-dsh-native-backdrop=mica] .dcu-settings-page,html[data-dsh-native-back
 				const openDeepLink = () => {
 					if (opened || ctx.sessions.list.getSnapshot().byId[sessionId] === void 0) return;
 					opened = true;
-					openConversation(ctx.sessions, ctx.layout, sessionId);
+					openConversation(ctx, ctx.layout, sessionId);
 				};
 				openDeepLink();
 				return ctx.sessions.list.subscribe(openDeepLink);