@michengai/dsh-codex-ui 1.0.0 → 1.1.1

package/lib/client.js

@@ -7,6 +7,146 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
+		let react_dom = require("react-dom");
+		/** 按用户要求用最窄宽度替代宿主自适应默认；已有有效偏好不重置，拖拽起点沿用宿主存储。 */
+		function initializeComposerWidth(storage) {
+			const key = "dsh.conversation.contentWidth";
+			try {
+				const saved = Number(storage.getItem(key));
+				if (Number.isFinite(saved) && saved > 0) return;
+				storage.setItem(key, String(640));
+			} catch (error) {
+				console.warn("[codex-ui] 无法初始化输入区宽度，将使用宿主默认值。", error);
+			}
+		}
+		/** 新建页没有宿主 WidthHandle，补充同一宽度偏好的拖拽入口。 */
+		function observeHeroWidthHandles(label) {
+			const mounted = /* @__PURE__ */ new Map();
+			const style = document.createElement("style");
+			style.textContent = `[data-phase=hero]:has([data-conversation-scroll]){position:relative}[data-dcu-width-handle]{position:absolute;top:0;bottom:0;width:32px;padding:0;border:0;background:transparent;cursor:col-resize;touch-action:none;z-index:8;outline-offset:-5px}[data-dcu-width-handle=left]{right:calc(50% + var(--dsh-chat-content-width) / 2 + 16px)}[data-dcu-width-handle=right]{left:calc(50% + var(--dsh-chat-content-width) / 2 + 16px)}[data-dcu-width-handle]::after{content:'';position:absolute;top:calc(var(--dcu-pointer-y,50%) - 50px);height:100px;width:3px;left:14px;border-radius:3px;background:linear-gradient(transparent,var(--dsw-alias-scrollbar-hover-l1,#888),transparent);opacity:0}[data-dcu-width-handle]:hover::after,[data-dcu-width-handle]:focus-visible::after,[data-dcu-width-handle][data-dragging]::after{opacity:1}[data-phase=hero]:has([data-conversation-composer-overlay]) [data-dcu-width-handle]{display:none}`;
+			document.head.append(style);
+			const sync = () => {
+				for (const [root, dispose] of mounted) if (!root.isConnected || root.dataset.phase !== "hero") {
+					dispose();
+					mounted.delete(root);
+				}
+				for (const root of document.querySelectorAll("[data-phase=hero]")) {
+					if (mounted.has(root) || !root.querySelector("[data-conversation-scroll]")) continue;
+					const clamp = (value) => Math.min(Math.max(640, value), Math.max(640, root.clientWidth - 176));
+					const current = () => {
+						const raw = getComputedStyle(root).getPropertyValue("--dsh-chat-user-width");
+						return clamp(parseFloat(raw) || 640);
+					};
+					const publish = (width, save) => {
+						const value = clamp(width);
+						root.style.setProperty("--dsh-chat-user-width", `${value}px`);
+						if (save) try {
+							localStorage.setItem("dsh.conversation.contentWidth", String(value));
+						} catch (error) {
+							console.warn("[codex-ui] 无法保存输入区宽度。", error);
+						}
+					};
+					const handles = ["left", "right"].map((side) => {
+						const handle = document.createElement("button");
+						handle.type = "button";
+						handle.dataset.dcuWidthHandle = side;
+						handle.setAttribute("aria-label", label);
+						let origin = 0;
+						let initial = 640;
+						let dragging = false;
+						handle.addEventListener("pointerdown", (event) => {
+							if (event.button !== 0) return;
+							event.preventDefault();
+							origin = event.clientX;
+							initial = current();
+							dragging = true;
+							handle.dataset.dragging = "";
+							handle.setPointerCapture(event.pointerId);
+						});
+						handle.addEventListener("pointermove", (event) => {
+							handle.style.setProperty("--dcu-pointer-y", `${event.clientY - handle.getBoundingClientRect().top}px`);
+							if (dragging) publish(initial + (event.clientX - origin) * (side === "right" ? 2 : -2), false);
+						});
+						handle.addEventListener("pointerup", (event) => {
+							if (!dragging) return;
+							publish(initial + (event.clientX - origin) * (side === "right" ? 2 : -2), true);
+							dragging = false;
+							delete handle.dataset.dragging;
+							handle.releasePointerCapture(event.pointerId);
+						});
+						handle.addEventListener("lostpointercapture", () => {
+							if (dragging) publish(initial, false);
+							dragging = false;
+							delete handle.dataset.dragging;
+						});
+						handle.addEventListener("keydown", (event) => {
+							if (![
+								"ArrowLeft",
+								"ArrowRight",
+								"Home"
+							].includes(event.key)) return;
+							event.preventDefault();
+							const delta = (event.key === "ArrowRight" ? 1 : -1) * (side === "right" ? 1 : -1) * 20;
+							publish(event.key === "Home" ? 640 : current() + delta, true);
+						});
+						root.append(handle);
+						return handle;
+					});
+					mounted.set(root, () => {
+						handles.forEach((handle) => handle.remove());
+					});
+				}
+			};
+			const observer = new MutationObserver(sync);
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true,
+				attributes: true,
+				attributeFilter: ["data-phase"]
+			});
+			sync();
+			return () => {
+				observer.disconnect();
+				mounted.forEach((dispose) => dispose());
+				mounted.clear();
+				style.remove();
+			};
+		}
+		//#endregion
+		//#region src/client/tree-expansion.ts
+		const WORKSPACE_EXPANSION_STORAGE_KEY = "dsh-codex-ui.workspace-expansion.v1";
+		const CHANNEL_EXPANSION_STORAGE_KEY = "dsh-codex-ui.channel-expansion.v1";
+		const SCHEDULE_EXPANSION_STORAGE_KEY = "dsh-codex-ui.schedule-expansion.v1";
+		const MAX_EXPANSION_ENTRIES = 500;
+		const MAX_EXPANSION_KEY_LENGTH = 512;
+		function browserStorage() {
+			if (typeof window === "undefined") return void 0;
+			try {
+				return window.localStorage;
+			} catch {
+				return;
+			}
+		}
+		function parseTreeExpansionState(value) {
+			if (value === null || typeof value !== "object" || Array.isArray(value)) return {};
+			const entries = Object.entries(value).filter(([key, expanded]) => key.length > 0 && key.length <= MAX_EXPANSION_KEY_LENGTH && typeof expanded === "boolean").slice(0, MAX_EXPANSION_ENTRIES);
+			return Object.fromEntries(entries);
+		}
+		function readTreeExpansionState(storage, key) {
+			if (storage === void 0) return {};
+			try {
+				return parseTreeExpansionState(JSON.parse(storage.getItem(key) ?? "{}"));
+			} catch {
+				return {};
+			}
+		}
+		function writeTreeExpansionState(storage, key, state) {
+			if (storage === void 0) return;
+			try {
+				storage.setItem(key, JSON.stringify(parseTreeExpansionState(state)));
+			} catch {}
+		}
+		//#endregion
 		//#region src/client/settings-navigation.ts
 		/**
 		* DSH 设置壳暂未提供按 section id 打开的公开 API。该兼容层只从本插件渲染
@@ -31,6 +171,7 @@ window.__ModuleLoader__.load({
 		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();
@@ -44,6 +185,14 @@ window.__ModuleLoader__.load({
 			}
 			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;
@@ -522,6 +671,82 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const Bug = createLucideIcon("bug", [
+			["path", {
+				d: "M12 20v-9",
+				key: "1qisl0"
+			}],
+			["path", {
+				d: "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z",
+				key: "uouzyp"
+			}],
+			["path", {
+				d: "M14.12 3.88 16 2",
+				key: "qol33r"
+			}],
+			["path", {
+				d: "M21 21a4 4 0 0 0-3.81-4",
+				key: "1b0z45"
+			}],
+			["path", {
+				d: "M21 5a4 4 0 0 1-3.55 3.97",
+				key: "5cxbf6"
+			}],
+			["path", {
+				d: "M22 13h-4",
+				key: "1jl80f"
+			}],
+			["path", {
+				d: "M3 21a4 4 0 0 1 3.81-4",
+				key: "1fjd4g"
+			}],
+			["path", {
+				d: "M3 5a4 4 0 0 0 3.55 3.97",
+				key: "1d7oge"
+			}],
+			["path", {
+				d: "M6 13H2",
+				key: "82j7cp"
+			}],
+			["path", {
+				d: "m8 2 1.88 1.88",
+				key: "fmnt4t"
+			}],
+			["path", {
+				d: "M9 7.13V6a3 3 0 1 1 6 0v1.13",
+				key: "1vgav8"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.39.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
+		const ChartColumn = createLucideIcon("chart-column", [
+			["path", {
+				d: "M3 3v16a2 2 0 0 0 2 2h16",
+				key: "c24i48"
+			}],
+			["path", {
+				d: "M18 17V9",
+				key: "2bz60n"
+			}],
+			["path", {
+				d: "M13 17V5",
+				key: "1frdt8"
+			}],
+			["path", {
+				d: "M8 17v-3",
+				key: "17ska0"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.39.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const CircleQuestionMark = createLucideIcon("circle-question-mark", [
 			["circle", {
 				cx: "12",
@@ -670,6 +895,26 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const Hammer = createLucideIcon("hammer", [
+			["path", {
+				d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9",
+				key: "1hayfq"
+			}],
+			["path", {
+				d: "m18 15 4-4",
+				key: "16gjal"
+			}],
+			["path", {
+				d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5",
+				key: "15ts47"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.39.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const Link = createLucideIcon("link", [["path", {
 			d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
 			key: "1cjeqo"
@@ -733,6 +978,34 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const ScanLine = createLucideIcon("scan-line", [
+			["path", {
+				d: "M3 7V5a2 2 0 0 1 2-2h2",
+				key: "aa7l1z"
+			}],
+			["path", {
+				d: "M17 3h2a2 2 0 0 1 2 2v2",
+				key: "4qcy5o"
+			}],
+			["path", {
+				d: "M21 17v2a2 2 0 0 1-2 2h-2",
+				key: "6vwrx8"
+			}],
+			["path", {
+				d: "M7 21H5a2 2 0 0 1-2-2v-2",
+				key: "ioqczr"
+			}],
+			["path", {
+				d: "M7 12h10",
+				key: "b7w52i"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.39.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const Search = createLucideIcon("search", [["path", {
 			d: "m21 21-4.34-4.34",
 			key: "14j7rj"
@@ -866,6 +1139,44 @@ window.__ModuleLoader__.load({
 		* This source code is licensed under the ISC license.
 		* See the LICENSE file in the root directory of this source tree.
 		*/
+		const Telescope = createLucideIcon("telescope", [
+			["path", {
+				d: "m10.065 12.493-6.18 1.318a.934.934 0 0 1-1.108-.702l-.537-2.15a1.07 1.07 0 0 1 .691-1.265l13.504-4.44",
+				key: "k4qptu"
+			}],
+			["path", {
+				d: "m13.56 11.747 4.332-.924",
+				key: "19l80z"
+			}],
+			["path", {
+				d: "m16 21-3.105-6.21",
+				key: "7oh9d"
+			}],
+			["path", {
+				d: "M16.485 5.94a2 2 0 0 1 1.455-2.425l1.09-.272a1 1 0 0 1 1.212.727l1.515 6.06a1 1 0 0 1-.727 1.213l-1.09.272a2 2 0 0 1-2.425-1.455z",
+				key: "m7xp4m"
+			}],
+			["path", {
+				d: "m6.158 8.633 1.114 4.456",
+				key: "74o979"
+			}],
+			["path", {
+				d: "m8 21 3.105-6.21",
+				key: "1fvxut"
+			}],
+			["circle", {
+				cx: "12",
+				cy: "13",
+				r: "2",
+				key: "1c1ljs"
+			}]
+		]);
+		/**
+		* @license lucide-react v1.39.0 - ISC
+		*
+		* This source code is licensed under the ISC license.
+		* See the LICENSE file in the root directory of this source tree.
+		*/
 		const User = createLucideIcon("user", [["path", {
 			d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",
 			key: "975kel"
@@ -2212,40 +2523,6 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			return fallback !== void 0 && fallback.trim() !== "" ? fallback : void 0;
 		}
 		//#endregion
-		//#region src/client/tree-expansion.ts
-		const WORKSPACE_EXPANSION_STORAGE_KEY = "dsh-codex-ui.workspace-expansion.v1";
-		const CHANNEL_EXPANSION_STORAGE_KEY = "dsh-codex-ui.channel-expansion.v1";
-		const SCHEDULE_EXPANSION_STORAGE_KEY = "dsh-codex-ui.schedule-expansion.v1";
-		const MAX_EXPANSION_ENTRIES = 500;
-		const MAX_EXPANSION_KEY_LENGTH = 512;
-		function browserStorage() {
-			if (typeof window === "undefined") return void 0;
-			try {
-				return window.localStorage;
-			} catch {
-				return;
-			}
-		}
-		function parseTreeExpansionState(value) {
-			if (value === null || typeof value !== "object" || Array.isArray(value)) return {};
-			const entries = Object.entries(value).filter(([key, expanded]) => key.length > 0 && key.length <= MAX_EXPANSION_KEY_LENGTH && typeof expanded === "boolean").slice(0, MAX_EXPANSION_ENTRIES);
-			return Object.fromEntries(entries);
-		}
-		function readTreeExpansionState(storage, key) {
-			if (storage === void 0) return {};
-			try {
-				return parseTreeExpansionState(JSON.parse(storage.getItem(key) ?? "{}"));
-			} catch {
-				return {};
-			}
-		}
-		function writeTreeExpansionState(storage, key, state) {
-			if (storage === void 0) return;
-			try {
-				storage.setItem(key, JSON.stringify(parseTreeExpansionState(state)));
-			} catch {}
-		}
-		//#endregion
 		//#region src/client/workspace-compat.ts
 		function hasStartSession(value) {
 			return value !== null && typeof value === "object" && "startSession" in value && typeof value.startSession === "function";
@@ -2648,7 +2925,8 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 		const stylesheet$4 = `
 .dcu-wb{--dcu-wb-inset:8px;display:flex;flex:1;min-height:0;flex-direction:column;padding:4px var(--dcu-wb-inset) 8px;color:var(--dcu-sidebar-primary)}
 .dcu-wb *{box-sizing:border-box}
-.dcu-wb-tree{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;scrollbar-gutter:auto;user-select:none;-webkit-user-select:none}
+.dcu-wb-tree{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;scrollbar-gutter:auto;scrollbar-width:none;user-select:none;-webkit-user-select:none}
+.dcu-wb-tree::-webkit-scrollbar{display:none}
 .dcu-wb-section+.dcu-wb-section{margin-top:12px}
 .dcu-wb-section-head{position:relative;display:flex;align-items:center;min-height:24px;padding:0;border-radius:6px}.dcu-wb-section-head:hover .dcu-wb-actions{display:flex}.dcu-wb-section-label{position:relative;display:flex;align-items:center;gap:4px;flex:1;min-width:0;min-height:24px;border:0;padding:2px 4px 2px 12px;background:transparent;color:var(--dcu-sidebar-tertiary);font:13px/20px var(--dcu-font,inherit);font-weight:400;letter-spacing:0;text-align:left;cursor:pointer}.dcu-wb-section-caret{display:grid;place-items:center;flex:none;width:12px;height:12px;color:currentColor;opacity:0;transform:rotate(0deg);transform-origin:50% 50%;transition:opacity 120ms ease,transform 160ms ease}.dcu-wb-section-head .dcu-wb-section-caret{position:absolute;left:0;top:6px}.dcu-wb-section-caret svg{display:block}.dcu-wb-section-head:hover .dcu-wb-section-caret,.dcu-wb-section-label:focus-visible .dcu-wb-section-caret{opacity:.78}.dcu-wb-section-label[aria-expanded=true] .dcu-wb-section-caret{transform:rotate(90deg)}.dcu-wb-section-body{display:block}.dcu-wb-section-body[data-open=false]{display:none}.dcu-wb-section-body>div{min-height:0}.dcu-wb-section-body[data-open=true]>div{animation:dcu-wb-section-in 140ms cubic-bezier(.16,1,.3,1)}@keyframes dcu-wb-section-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dcu-wb-section-caret{transition:none}.dcu-wb-section-body[data-open=true]>div{animation:none}}
 .dcu-wb-project{position:relative;min-width:0}
@@ -5714,6 +5992,343 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			} catch {}
 		}
 		//#endregion
+		//#region src/client/new-conversation-style.ts
+		/** 新建页底部输入布局；保留宿主节点、插槽与 active 会话底部信息。 */
+		const NEW_CONVERSATION_STYLE = `
+[data-phase=hero]:has([data-conversation-scroll]){container:dcu-new-conversation / inline-size}
+[data-phase=hero] [data-conversation-scroll][class]{--dsh-composer-side-clearance:16px;justify-content:flex-start;scrollbar-gutter:stable both-edges}
+[data-phase=hero] [data-composer-seat]{flex:1 0 auto;min-height:100%}
+[data-phase=hero] [data-composer-seat]>:has([class*="_composerHero"]){display:flex;flex:1;flex-direction:column}
+[data-phase=hero] [class*="_composerHero"]{box-sizing:border-box;flex:1;width:100%;max-width:none;min-width:0;margin-inline:auto;gap:0;padding-bottom:32px}
+[data-phase=hero] [class*="_composerHero"]>:first-child{box-sizing:border-box;flex:1;width:100%;max-width:768px;align-self:center;height:auto;min-height:340px;align-items:center;padding:32px 28px}
+[data-phase=hero] [class*="_composerHero"]>:first-child>[class$="_stack"]{width:100%;max-width:none;min-width:0;align-items:center;gap:32px}
+[data-phase=hero] [class*="_composerHero"] [class$="_headline"]{grid-template-columns:46px auto auto;font-size:34px;line-height:44px}
+[data-phase=hero] [class*="_composerHero"] [class$="_fishHitbox"]{width:46px;height:46px}
+[data-phase=hero] [class*="_composerHero"] [class$="_fishHitbox"]>svg{width:46px;height:auto}
+[data-phase=hero] [class*="_heroWorkspaceRow"]{box-sizing:border-box;flex:none;width:min(calc(var(--dsh-composer-card-max-width) + 2 * var(--dsh-composer-side-clearance) - 56px),calc(100% - 56px));align-self:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;min-height:48px;margin:0 28px -10px;padding:6px 12px 16px;border-radius:18px 18px 0 0;background:color-mix(in srgb,var(--dsw-alias-label-primary) 4%,var(--dsw-alias-bg-base))}
+[data-phase=hero] [class*="_heroWorkspaceRow"]>[class$="_workspace"]{min-width:0;max-width:100%;font-weight:400}
+.dcu-home-suggestions{width:100%;color:var(--dsw-alias-label-primary);font:13px/20px var(--dsw-font-family,system-ui)}
+.dcu-home-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
+.dcu-home-card{appearance:none;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-width:0;min-height:106px;padding:16px;border:1px solid color-mix(in srgb,var(--dsw-alias-label-primary) 10%,transparent);border-radius:20px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color 150ms,border-color 150ms}
+.dcu-home-card:hover,.dcu-home-card[aria-pressed=true]{background:color-mix(in srgb,var(--dsw-alias-label-primary) 5%,transparent);border-color:color-mix(in srgb,var(--dsw-alias-label-primary) 20%,transparent)}
+.dcu-home-card svg{width:16px;height:16px;flex:none;color:var(--dcu-home-icon)}
+.dcu-home-card:focus-visible,.dcu-home-task:focus-visible{outline:2px solid var(--dsw-alias-label-primary);outline-offset:3px}
+.dcu-home-details,.dcu-home-status{display:grid}
+.dcu-home-suggestions[data-has-draft=true]{visibility:hidden;pointer-events:none}
+.dcu-home-tasks{grid-area:1/1;display:flex;flex-wrap:wrap;align-content:start;gap:8px;margin-top:16px}
+.dcu-home-details>[data-active=false],.dcu-home-status>[data-active=false]{visibility:hidden;pointer-events:none}
+.dcu-home-task{appearance:none;border:1px solid color-mix(in srgb,var(--dsw-alias-label-primary) 12%,transparent);border-radius:10px;padding:8px 12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
+.dcu-home-task:hover{background:color-mix(in srgb,var(--dsw-alias-label-primary) 5%,transparent)}
+.dcu-home-hint{grid-area:1/1;margin:12px 0 0;color:var(--dsw-alias-label-secondary)}
+@container dcu-new-conversation (width < 640px){
+  .dcu-home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
+  [data-phase=hero] [class*="_composerHero"]>:first-child{padding:32px 24px;min-height:420px}
+}
+@media(prefers-reduced-motion:reduce){.dcu-home-card{transition:none}}
+`;
+		//#endregion
+		//#region src/client/composer-tool-menus.ts
+		/** 只适配由输入区工具触发的菜单；保留原条目、选择回调及目录创建流程。 */
+		const TOOL = "[class*=\"_heroWorkspaceRow\"] button,[data-composer-card] button[aria-haspopup],[data-composer-card] button[aria-expanded]";
+		const MENU = "[role=\"menu\"],[role=\"listbox\"]";
+		const COMPOSER_TOOL_MENU_STYLE = `
+[class*="_heroWorkspaceRow"] button{min-height:28px;border-radius:999px;font-size:13px;line-height:20px}
+[class*="_heroWorkspaceRow"] button:hover,[class*="_heroWorkspaceRow"] button[aria-expanded=true]{background:color-mix(in srgb,var(--dsw-alias-label-primary) 8%,transparent)}
+:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]){box-sizing:border-box;min-width:0!important;width:262px;max-width:calc(100vw - 24px);max-height:var(--dcu-tool-menu-height,360px)!important;padding:5px!important;border-radius:18px!important;background:#fff!important;color:var(--dsw-alias-label-primary);box-shadow:0 8px 32px #0002,0 0 0 1px #0000000a!important;display:flex;flex-direction:column;gap:0;z-index:1100}
+[data-dcu-tool-menu=portal]{position:fixed!important;left:var(--dcu-tool-menu-x)!important;top:var(--dcu-tool-menu-y)!important;bottom:auto!important;right:auto!important}
+:is([data-dcu-tool-menu=inline],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]:not([data-dcu-tool-menu=portal])){width:320px;translate:var(--dcu-tool-menu-shift,0px) 0}
+[class*="_heroWorkspaceRow"] [data-gitgraph-popover]:not([data-dcu-tool-menu=portal]){top:auto!important;bottom:calc(100% + 4px)!important}
+body[data-ds-dark-theme] :is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]){background:#292929!important;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff08!important}
+:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover])>[class*="_viewport"]{min-height:0;max-height:none;overflow-y:auto;scrollbar-width:thin}
+:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]) :is([role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=option]){box-sizing:border-box;min-height:28px;padding:4px 9px;gap:8px;border-radius:8px;font-size:13px;line-height:20px}
+:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]) :is([role=menuitem],[role=menuitemradio],[role=option]):hover:not(:disabled),:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]) [class*="_selected"],:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]) [aria-selected=true],:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]) [aria-checked=true]{background:color-mix(in srgb,var(--dsw-alias-label-primary) 10%,transparent)}
+:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]) [class*="_itemIcon"] svg{width:16px;height:16px}
+:is([data-dcu-tool-menu],[class*="_heroWorkspaceRow"] [data-gitgraph-popover]) [class*="_footer"]{flex:none;margin-top:5px;padding-top:5px;border-top:1px solid color-mix(in srgb,var(--dsw-alias-label-primary) 10%,transparent)}
+[data-dcu-tool-filter]{box-sizing:border-box;flex:none;width:100%;height:32px;padding:4px 10px;margin:0 0 1px;border:0;border-radius:8px;outline:none;background:transparent;color:inherit;font:13px/20px var(--dsw-font-family,system-ui)}
+[data-dcu-tool-filter]:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dsw-alias-label-primary) 20%,transparent)}
+[data-dcu-tool-empty]{padding:8px 10px;font-size:13px;color:var(--dsw-alias-label-secondary)}
+[data-dcu-tool-filtered]{display:none!important}
+`;
+		function observeComposerToolMenus(copy) {
+			let anchor;
+			let known = /* @__PURE__ */ new Set();
+			let pendingUntil = 0;
+			const mounted = /* @__PURE__ */ new Map();
+			const now = () => Date.now();
+			function capture(event) {
+				const target = event.target instanceof Element ? event.target.closest(TOOL) : null;
+				if (target === null || target.closest("[data-conversation-scroll]") === null) return;
+				anchor = target;
+				known = new Set(document.querySelectorAll(MENU));
+				pendingUntil = now() + 1e3;
+			}
+			function mount(menu, trigger) {
+				const portal = getComputedStyle(menu).position === "fixed";
+				menu.setAttribute("data-dcu-tool-menu", portal ? "portal" : "inline");
+				const isProject = trigger.matches("[class*=\"_heroWorkspaceRow\"]>button:first-child");
+				const viewport = menu.querySelector(":scope>[class*=\"_viewport\"]");
+				let input;
+				let empty;
+				if (isProject && viewport !== null && menu.querySelector("input") === null) {
+					input = document.createElement("input");
+					input.type = "search";
+					input.placeholder = copy.search;
+					input.setAttribute("aria-label", copy.search);
+					input.setAttribute("data-dcu-tool-filter", "");
+					empty = document.createElement("div");
+					empty.setAttribute("data-dcu-tool-empty", "");
+					empty.setAttribute("role", "status");
+					empty.textContent = copy.empty;
+					empty.hidden = true;
+					menu.prepend(input);
+					viewport.after(empty);
+					input.addEventListener("input", () => {
+						const query = input.value.trim().toLocaleLowerCase();
+						let count = 0;
+						for (const row of viewport.children) {
+							const match = (row.textContent ?? "").toLocaleLowerCase().includes(query);
+							row.toggleAttribute("data-dcu-tool-filtered", !match);
+							if (match) count++;
+						}
+						empty.hidden = count > 0;
+						place();
+					});
+					input.addEventListener("keydown", (event) => {
+						if (event.key !== "ArrowDown" && event.key !== "Enter") return;
+						const first = viewport.querySelector(":scope>:not([data-dcu-tool-filtered]) button:not(:disabled)");
+						if (first !== null) {
+							event.preventDefault();
+							event.stopPropagation();
+							first.focus();
+							if (event.key === "Enter") first.click();
+						}
+					});
+				}
+				function place() {
+					if (!trigger.isConnected || !menu.isConnected) return;
+					const rect = trigger.getBoundingClientRect();
+					const above = rect.top - 16;
+					const below = window.innerHeight - rect.bottom - 16;
+					const topSide = above >= Math.min(260, below);
+					menu.style.setProperty("--dcu-tool-menu-height", `${Math.max(60, Math.min(360, topSide ? above : below))}px`);
+					if (!portal) {
+						const previous = parseFloat(menu.style.getPropertyValue("--dcu-tool-menu-shift")) || 0;
+						const bounds = menu.getBoundingClientRect();
+						const naturalLeft = bounds.left - previous;
+						const left = Math.max(12, Math.min(naturalLeft, window.innerWidth - bounds.width - 12));
+						menu.style.setProperty("--dcu-tool-menu-shift", `${left - naturalLeft}px`);
+						return;
+					}
+					const bounds = menu.getBoundingClientRect();
+					const x = Math.max(12, Math.min(rect.left, window.innerWidth - bounds.width - 12));
+					const y = Math.max(12, topSide ? rect.top - bounds.height - 4 : rect.bottom + 4);
+					menu.style.setProperty("--dcu-tool-menu-x", `${x}px`);
+					menu.style.setProperty("--dcu-tool-menu-y", `${y}px`);
+				}
+				const resize = new ResizeObserver(place);
+				resize.observe(menu);
+				resize.observe(trigger);
+				window.addEventListener("resize", place);
+				window.addEventListener("scroll", place, true);
+				place();
+				mounted.set(menu, () => {
+					resize.disconnect();
+					window.removeEventListener("resize", place);
+					window.removeEventListener("scroll", place, true);
+					input?.remove();
+					empty?.remove();
+					menu.querySelectorAll("[data-dcu-tool-filtered]").forEach((row) => row.removeAttribute("data-dcu-tool-filtered"));
+					menu.removeAttribute("data-dcu-tool-menu");
+					for (const property of [
+						"--dcu-tool-menu-x",
+						"--dcu-tool-menu-y",
+						"--dcu-tool-menu-height",
+						"--dcu-tool-menu-shift"
+					]) menu.style.removeProperty(property);
+				});
+			}
+			function sync() {
+				for (const [menu, dispose] of mounted) if (!menu.isConnected) {
+					dispose();
+					mounted.delete(menu);
+				}
+				if (anchor === void 0 || now() > pendingUntil) return;
+				for (const menu of document.querySelectorAll(MENU)) {
+					if (known.has(menu) || mounted.has(menu) || menu.parentElement?.closest(MENU) !== null) continue;
+					if (menu.getClientRects().length === 0) continue;
+					mount(menu, anchor);
+					pendingUntil = 0;
+					break;
+				}
+			}
+			const observer = new MutationObserver(sync);
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			document.addEventListener("pointerdown", capture, true);
+			document.addEventListener("keydown", captureKey, true);
+			function captureKey(event) {
+				if ([
+					"Enter",
+					" ",
+					"ArrowDown"
+				].includes(event.key)) capture(event);
+			}
+			return () => {
+				observer.disconnect();
+				document.removeEventListener("pointerdown", capture, true);
+				document.removeEventListener("keydown", captureKey, true);
+				mounted.forEach((dispose) => dispose());
+				mounted.clear();
+			};
+		}
+		//#endregion
+		//#region src/client/NewConversationSuggestions.tsx
+		const categories = [
+			{
+				id: "explore",
+				label: "home.explore",
+				tasks: [{
+					label: "home.explore.task1",
+					prompt: "home.explore.prompt1"
+				}, {
+					label: "home.explore.task2",
+					prompt: "home.explore.prompt2"
+				}],
+				Icon: Telescope,
+				color: "#27aaff"
+			},
+			{
+				id: "build",
+				label: "home.build",
+				tasks: [{
+					label: "home.build.task1",
+					prompt: "home.build.prompt1"
+				}, {
+					label: "home.build.task2",
+					prompt: "home.build.prompt2"
+				}],
+				Icon: Hammer,
+				color: "#a478e8"
+			},
+			{
+				id: "review",
+				label: "home.review",
+				tasks: [{
+					label: "home.review.task1",
+					prompt: "home.review.prompt1"
+				}, {
+					label: "home.review.task2",
+					prompt: "home.review.prompt2"
+				}],
+				Icon: ScanLine,
+				color: "#44bd83"
+			},
+			{
+				id: "fix",
+				label: "home.fix",
+				tasks: [{
+					label: "home.fix.task1",
+					prompt: "home.fix.prompt1"
+				}, {
+					label: "home.fix.task2",
+					prompt: "home.fix.prompt2"
+				}],
+				Icon: Bug,
+				color: "#f48235"
+			}
+		];
+		const hints = {
+			workspace: "home.workspace",
+			draft: "home.draft",
+			busy: "home.busy"
+		};
+		const emptyDraft = {
+			getSnapshot: () => false,
+			subscribe: () => () => {}
+		};
+		/** 只向宿主标题容器贡献自己的 React portal，不搬动标题、工具条或编辑器。 */
+		function NewConversationSuggestions({ t, prefill, draftSource = emptyDraft }) {
+			const hasDraft = (0, react.useSyncExternalStore)(draftSource.subscribe, draftSource.getSnapshot, emptyDraft.getSnapshot);
+			const [target, setTarget] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				const sync = () => setTarget(document.querySelector("[data-phase=hero] [class*=\"_composerHero\"]>:first-child>[class$=\"_stack\"]"));
+				sync();
+				const observer = new MutationObserver(sync);
+				observer.observe(document.body, {
+					childList: true,
+					subtree: true,
+					attributes: true,
+					attributeFilter: ["data-phase"]
+				});
+				return () => observer.disconnect();
+			}, []);
+			return target === null ? null : (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SuggestionCards, {
+				t,
+				prefill,
+				hasDraft
+			}), target);
+		}
+		function SuggestionCards({ t, prefill, hasDraft = false }) {
+			const [selected, setSelected] = (0, react.useState)();
+			const [hint, setHint] = (0, react.useState)("ready");
+			function fill(text) {
+				const result = prefill?.(text) ?? "workspace";
+				setHint(result);
+				if (result === "ready") document.querySelector("[data-phase=hero] [data-lexical-editor=true]")?.focus();
+				if (result === "workspace") document.querySelector("[data-phase=hero] [class*=\"_heroWorkspaceRow\"]>button")?.click();
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dcu-home-suggestions",
+				"data-has-draft": hasDraft,
+				"aria-hidden": hasDraft,
+				"aria-label": t("home.suggestions"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-home-cards",
+						children: categories.map(({ id, label, Icon, color }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							disabled: hasDraft,
+							className: "dcu-home-card",
+							style: { "--dcu-home-icon": color },
+							"aria-pressed": selected === id,
+							onClick: () => {
+								setSelected(selected === id ? void 0 : id);
+								setHint("ready");
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { "aria-hidden": "true" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(label) })]
+						}, id))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-home-details",
+						children: categories.map((category) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dcu-home-tasks",
+							"data-active": selected === category.id,
+							"aria-hidden": selected !== category.id,
+							children: category.tasks.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dcu-home-task",
+								disabled: hasDraft || selected !== category.id,
+								onClick: () => fill(t(task.prompt)),
+								children: t(task.label)
+							}, task.label))
+						}, category.id))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dcu-home-status",
+						children: Object.keys(hints).map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dcu-home-hint",
+							"data-active": hint === key,
+							"aria-hidden": hint !== key,
+							role: hint === key ? "status" : void 0,
+							children: t(hints[key])
+						}, key))
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/CodexSidebar.tsx
 		const subscribeEmptyCompanionTabs = () => () => {};
 		const getEmptyCompanionTabs = () => EMPTY_COMPANION_TABS;
@@ -5732,7 +6347,7 @@ header [data-dcu-title-folder] svg,header [data-dcu-title-more] svg{display:bloc
 			});
 		}
 		const stylesheet$3 = `
-.dcu-root{--dcu-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI",sans-serif;--dcu-sidebar-primary:#393d3e;--dcu-sidebar-secondary:#676b6c;--dcu-sidebar-tertiary:#9a9f9f;--dcu-sidebar-navigation:#4e5253;--dcu-sidebar-icon:#4e5253;--dcu-sidebar-hover:#dfe8e5;--dcu-sidebar-border:rgba(37,46,41,.10);--dcu-tip-bg:#ffffff;--dcu-tip-shadow:0 10px 32px rgba(31,39,36,.22);width:100%;height:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:#eef7f5;color:var(--dcu-sidebar-primary);font:14px/20px var(--dcu-font)}body[data-ds-dark-theme] .dcu-root{background:#1d2120;--dcu-sidebar-primary:#b9bab9;--dcu-sidebar-secondary:#909191;--dcu-sidebar-tertiary:#666867;--dcu-sidebar-navigation:#b9bab9;--dcu-sidebar-icon:#afafaf;--dcu-sidebar-hover:#303432;--dcu-sidebar-border:rgba(255,255,255,.08);--dcu-tip-bg:#2a2a2a;--dcu-tip-shadow:0 10px 30px rgba(0,0,0,.28)}
+.dcu-root{--dcu-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI",sans-serif;--dcu-sidebar-background:#eef7f5;--dcu-sidebar-primary:#393d3e;--dcu-sidebar-secondary:#676b6c;--dcu-sidebar-tertiary:#9a9f9f;--dcu-sidebar-navigation:#4e5253;--dcu-sidebar-icon:#4e5253;--dcu-sidebar-hover:#dfe8e5;--dcu-sidebar-border:rgba(37,46,41,.10);--dcu-tip-bg:#ffffff;--dcu-tip-shadow:0 10px 32px rgba(31,39,36,.22);width:100%;height:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:var(--dcu-sidebar-background);color:var(--dcu-sidebar-primary);font:14px/20px var(--dcu-font)}body[data-ds-dark-theme] .dcu-root{--dcu-sidebar-background:#1d2120;--dcu-sidebar-primary:#b9bab9;--dcu-sidebar-secondary:#909191;--dcu-sidebar-tertiary:#666867;--dcu-sidebar-navigation:#b9bab9;--dcu-sidebar-icon:#afafaf;--dcu-sidebar-hover:#303432;--dcu-sidebar-border:rgba(255,255,255,.08);--dcu-tip-bg:#2a2a2a;--dcu-tip-shadow:0 10px 30px rgba(0,0,0,.28)}
 /* 滤镜只作用于背景，避免为设置和搜索等 fixed 后代创建侧栏包含块。 */
 body[data-we-sidebar-glass] .dcu-root{position:relative;background:transparent}body[data-we-sidebar-glass] .dcu-root::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-color:color-mix(in srgb,var(--we-sidebar-color,#fff) calc(var(--we-sidebar-alpha,.15)*.66*100%),transparent);background-image:linear-gradient(180deg,rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.14)),rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.04)) 38%,rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.01)));-webkit-backdrop-filter:blur(var(--we-sidebar-blur,16px)) saturate(var(--we-sidebar-saturate,1.8)) brightness(var(--we-glass-brightness,1.04)) contrast(1.01);backdrop-filter:blur(var(--we-sidebar-blur,16px)) saturate(var(--we-sidebar-saturate,1.8)) brightness(var(--we-glass-brightness,1.04)) contrast(1.01);box-shadow:inset 0 1px 0 rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.32)),inset 0 -1px 0 rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.08)),inset 0 0 0 .5px rgba(255,255,255,calc(var(--we-sidebar-sheen,1)*.06))}body[data-ds-dark-theme][data-we-sidebar-glass] .dcu-root::before{background-color:color-mix(in srgb,var(--we-sidebar-color,#fff) calc(var(--we-sidebar-alpha,.15)*.33*100%),transparent)}body[data-we-appwindow][data-we-sidebar-glass] .dcu-root::before{-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body[data-we-sidebar-glass] .dcu-root{background:#eef7f5}body[data-ds-dark-theme][data-we-sidebar-glass] .dcu-root{background:#1d2120}body[data-we-sidebar-glass] .dcu-root::before{display:none}}
 body[data-we-sidebar-glass] .dcu-expanded-shell,body[data-we-sidebar-glass] .dcu-compact-shell,body[data-we-sidebar-glass] .dcu-foot{position:relative}
@@ -5780,7 +6395,23 @@ body[data-we-sidebar-glass] .dcu-expanded-shell,body[data-we-sidebar-glass] .dcu
 .dcu-native-workspaces{flex-direction:column}.dcu-native-workspaces>[data-mcp-connector-top-mount=true]{flex:none}.dcu-root .mcpConnectorLauncher,.dcu-root [data-mcp-connector-top-mount=true]{display:none!important}
 .dcu-dependency-notice{margin:0 10px 8px;border:1px solid var(--dcu-sidebar-border);border-radius:8px;padding:8px;color:var(--dcu-sidebar-secondary);font-size:12px;line-height:18px}
 .dcu-search-scrim{position:fixed;z-index:10020;inset:0;display:flex;justify-content:center;align-items:flex-start;padding:72px 20px;background:color-mix(in srgb,#000 48%,transparent);animation:dcu-search-scrim-in 140ms ease-out}.dcu-search-dialog{width:min(560px,100%);max-height:min(640px,calc(100vh - 120px));overflow:auto;border:1px solid var(--dcu-sidebar-border);border-radius:16px;padding:10px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv4);animation:dcu-search-dialog-in 180ms cubic-bezier(.16,1,.3,1)}@keyframes dcu-search-scrim-in{from{opacity:0}to{opacity:1}}@keyframes dcu-search-dialog-in{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1}}.dcu-search-input{margin-bottom:8px}.dcu-search-section{padding:6px 0}.dcu-search-title{padding:0 8px 4px;color:var(--dcu-sidebar-tertiary);font-size:12px;font-weight:600}.dcu-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:34px;border:0;border-radius:8px;padding:6px 8px;background:transparent;color:var(--dcu-sidebar-primary);font:inherit;text-align:left;cursor:pointer}.dcu-search-row:hover,.dcu-search-row[data-active=true]{background:var(--dcu-sidebar-hover)}.dcu-search-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcu-search-detail{max-width:160px;overflow:hidden;color:var(--dcu-sidebar-tertiary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dcu-search-empty{padding:18px 8px;color:var(--dcu-sidebar-tertiary);font-size:13px}@media (prefers-reduced-motion:reduce){.dcu-expanded-shell,.dcu-root.dcu-compact .dcu-compact-shell,.dcu-foot,.dcu-search-scrim,.dcu-search-dialog,.dcu-extension-panel,.dcu-extension-leading svg{animation:none;transition:none}}
-[data-conversation-scroll]{--dsh-composer-card-max-width:calc(var(--dsh-chat-content-width) + 32px);--dsh-composer-side-clearance:24px}[data-conversation-scroll] [data-composer-card]{min-height:96px;padding-top:10px;border-radius:16px;box-shadow:var(--dsw-shadow-lv3);transition:border-color 180ms ease,box-shadow 180ms ease}[data-conversation-scroll] [data-composer-card]:focus-within{border-color:var(--dsw-alias-button-info-fill);box-shadow:0 0 0 2px var(--dsw-static-deepseek-50),var(--dsw-shadow-lv3)}[data-conversation-scroll] [data-input-mirror]{min-height:44px}@media (prefers-reduced-motion:reduce){[data-conversation-scroll] [data-composer-card]{transition:none}}
+[data-conversation-scroll]{--dsh-composer-card-max-width:calc(var(--dsh-chat-content-width) + 32px);--dsh-composer-side-clearance:24px;--dcu-composer-bg:var(--dsw-specific-input-major,#fff);--dcu-composer-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000a,0 4px 80px 8px #00000006}
+body[data-ds-dark-theme] [data-conversation-scroll]{--dcu-composer-bg:var(--dsw-alias-bg-layer-2,#242424);--dcu-composer-shadow:inset 0 0 1px #fff3}
+[data-conversation-scroll] [data-composer-card]{padding-top:8px;gap:4px;border:0;border-radius:20px;background:var(--dcu-composer-bg);box-shadow:var(--dcu-composer-shadow)}
+[data-conversation-scroll] [data-input-mirror]{min-height:44px}
+[data-conversation-scroll] [data-composer-card] [data-input-scroll]{margin-right:0}
+[data-conversation-scroll] [data-input-scroll] [data-lexical-editor=true]{min-height:44px;padding:0 12px}
+[data-conversation-scroll] [data-composer-placeholder]{inset:0 12px auto}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div{padding:0 8px 8px;gap:5px}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div>div{gap:4px}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div>div>div{gap:4px}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div :is(button,select):not([role]){min-height:28px;height:28px}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]{width:28px;transform:none;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-base)}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div button[class$=_primary]:hover:not(:disabled){background:var(--dsw-alias-label-secondary)}
+[data-conversation-scroll] [data-composer-card]>[data-input-scroll]+div :is(button,select):focus-visible{outline:2px solid var(--dsw-alias-label-secondary);outline-offset:2px}
+@supports(corner-shape:superellipse(1.5)){[data-conversation-scroll] [data-composer-card]{border-radius:25px;corner-shape:superellipse(1.5)}}
+@media(max-width:639px){[data-conversation-scroll]{--dcu-composer-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000a,0 4px 40px 8px #00000006}}
+@media(forced-colors:active){[data-conversation-scroll] [data-composer-card]{outline:1px solid CanvasText}}
 html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:has([data-dcu-official-turn-navigator]) .dcu-turn-navigator{display:none}
 [data-dcu-official-turn-navigator]{right:auto!important;left:calc(12px - (var(--dsh-composer-side-clearance) + 16px))!important}
 [data-dcu-official-turn-mark]{inset:0 auto 0 0!important}
@@ -6095,7 +6726,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			});
 		});
 		/** Codex 风格的 DSH 侧栏，只替换导航外观，项目浏览和设置仍由 DSH 官方组件提供。 */
-		function CodexSidebar({ collapsed, width, openSession, startSession, toggleSidebar, archiveSession, deleteSession, forkSession, moveSession, renameSession, openPath, companionSlots, renderSlot, t, useSessions, useSessionPendingInteraction, useWorkspaces }) {
+		function CodexSidebar({ collapsed, width, openSession, startSession, toggleSidebar, archiveSession, deleteSession, forkSession, moveSession, renameSession, openPath, companionSlots, renderSlot, t, useSessions, useSessionPendingInteraction, useWorkspaces, prefillNewConversation, newConversationDraft }) {
 			const compact = collapsed || width < 80;
 			const [visualCompact, setVisualCompact] = (0, react.useState)(compact);
 			const [collapsing, setCollapsing] = (0, react.useState)(false);
@@ -6272,6 +6903,13 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 				"aria-label": t("sidebar.label"),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: stylesheet$3 }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: NEW_CONVERSATION_STYLE }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: COMPOSER_TOOL_MENU_STYLE }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NewConversationSuggestions, {
+						t,
+						prefill: prefillNewConversation,
+						draftSource: newConversationDraft
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dcu-expanded-shell",
 						children: [
@@ -6615,6 +7253,10 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 				id: "schedule",
 				packageName: "@michengai/dsh-automation"
 			},
+			{
+				id: "pet",
+				packageName: "@michengai/dsh-codex-pet"
+			},
 			{
 				id: "btw",
 				packageName: "@michengai/dsh-btw"
@@ -7177,9 +7819,56 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 		/** 本插件独占的界面文案命名空间。 */
 		const NS = "michengai.codexUi";
 		const zh = {
+			"home.resizeInput": "拖动调整输入区宽度",
+			"home.projectSearch": "搜索项目",
+			"home.projectEmpty": "没有匹配的项目",
+			"home.suggestions": "开始一项任务",
+			"home.workspace": "请先选择工作区，再选择任务。",
+			"home.draft": "已保留当前草稿和附件；清空输入后可填入任务建议。",
+			"home.busy": "当前输入正在处理中，请稍后再试。",
+			"home.explore": "探索并理解代码",
+			"home.build": "构建新功能、应用或工具",
+			"home.review": "审查代码并提出修改建议",
+			"home.fix": "修复问题和失败",
+			"home.explore.task1": "了解项目结构",
+			"home.explore.prompt1": "请探索当前工作区的代码，解释项目结构、主要入口和模块之间的关系。",
+			"home.explore.task2": "理解一项功能",
+			"home.explore.prompt2": "我想了解一项功能的实现。先问我具体是哪项功能，再沿调用关系解释。",
+			"home.build.task1": "实现一项新功能",
+			"home.build.prompt1": "我想在当前项目中实现一项新功能。先和我确认需求与验收标准，再实施。",
+			"home.build.task2": "构建一个小工具",
+			"home.build.prompt2": "我想构建一个小工具。先问我目标、输入和输出，再结合当前项目提出方案。",
+			"home.review.task1": "评审当前改动",
+			"home.review.prompt1": "请评审当前工作区的未提交改动，优先指出真实缺陷、回归风险和缺少的测试；先不要修改。",
+			"home.review.task2": "检查代码质量",
+			"home.review.prompt2": "请检查当前项目的代码质量，给出有源码依据的改进建议，先评估不改动。",
+			"home.fix.task1": "排查一个问题",
+			"home.fix.prompt1": "我遇到了一个问题。先问我复现步骤、预期和实际表现，再定位根因并修复。",
+			"home.fix.task2": "修复失败的测试",
+			"home.fix.prompt2": "请运行当前项目适用的测试，定位失败根因并做最小修复，保留有效的回归覆盖。",
+			"host.transcript.normal": "标准",
+			"host.transcript.compact": "紧凑",
+			"host.command.compact": "压缩较早的对话历史",
+			"host.command.export": "将当前会话日志下载为 ZIP 压缩包",
+			"host.command.feedback": "记录对当前会话的反馈",
+			"host.command.goal": "设置或查看长时间任务的目标",
+			"host.command.permission": "切换权限预设（沙箱模式与审批策略）",
+			"host.command.plan": "进入或退出计划模式",
+			"usage.title": "使用统计",
+			"usage.loading": "正在加载费用面板…",
+			"usage.failed": "费用面板暂时无法嵌入，可重试或打开原弹窗。",
+			"usage.closed": "费用面板已关闭。",
+			"usage.reopen": "重新打开费用面板",
+			"usage.retry": "重试",
+			"usage.original": "打开原弹窗",
 			"settings.title": "设置",
 			"settings.back": "返回应用",
 			"settings.openDocument": "打开配置文件",
+			"settings.advanced": "高级",
+			"settings.documentTitle": "配置文件",
+			"settings.documentDescription": "在外部编辑器中查看和编辑配置",
+			"settings.documentOpen": "打开",
+			"settings.documentOpening": "打开中…",
 			"settings.openDocumentError": "无法打开配置文件",
 			"settings.search": "搜索设置…",
 			"settings.personal": "个人",
@@ -7344,7 +8033,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"about.feature.conversation": "保留原生消息、工具调用、输入、权限和模型选择，仅调整容器视觉",
 			"about.feature.navigator": "当前会话提供轮次缩略导航，可快速跳转至每一次用户提问",
 			"about.dependencies": "配套管理插件",
-			"about.dependenciesDescription": "每个配套插件都可单独安装和更新，也可一键安装缺失项并更新旧版本。可分别检查 Codex UI、专家、技能、归档、IM、定时任务、BTW 和第三方插件市场。",
+			"about.dependenciesDescription": "每个配套插件都可单独安装和更新，也可一键安装缺失项并更新旧版本。可分别检查 Codex UI、专家、技能、归档、IM、定时任务、宠物、BTW、Simplify 和第三方插件市场。",
 			"about.loading": "正在读取依赖安装状态…",
 			"about.statusFailed": "暂时无法读取依赖安装状态。",
 			"about.refreshFailed": "依赖状态刷新失败，当前显示上次成功读取的结果。",
@@ -7384,6 +8073,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"about.dependency.archive": "归档会话",
 			"about.dependency.im": "IM助理",
 			"about.dependency.schedule": "定时任务",
+			"about.dependency.pet": "Codex 宠物",
 			"about.dependency.btw": "BTW 旁问",
 			"about.dependency.simplify": "Simplify",
 			"about.dependency.market": "插件市场",
@@ -7406,9 +8096,56 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"meta.locale": "zh-CN"
 		};
 		const en = {
+			"home.resizeInput": "Drag to resize the input area",
+			"home.projectSearch": "Search projects",
+			"home.projectEmpty": "No matching projects",
+			"home.suggestions": "Start a task",
+			"home.workspace": "Choose a workspace first, then select a task.",
+			"home.draft": "Your draft and attachments are preserved. Clear the input to use a suggestion.",
+			"home.busy": "The input is busy. Please try again shortly.",
+			"home.explore": "Explore and understand code",
+			"home.build": "Build features, apps, or tools",
+			"home.review": "Review code and suggest changes",
+			"home.fix": "Fix bugs and failures",
+			"home.explore.task1": "Explain the project structure",
+			"home.explore.prompt1": "Explore this workspace and explain its structure, main entry points, and module relationships.",
+			"home.explore.task2": "Understand a feature",
+			"home.explore.prompt2": "Help me understand a feature. First ask which feature, then explain its implementation and call flow.",
+			"home.build.task1": "Implement a feature",
+			"home.build.prompt1": "Help me implement a feature in this project. First clarify requirements and acceptance criteria.",
+			"home.build.task2": "Build a small tool",
+			"home.build.prompt2": "Help me build a small tool. First ask about its goal, inputs, and outputs, then propose an approach.",
+			"home.review.task1": "Review current changes",
+			"home.review.prompt1": "Review uncommitted changes for bugs, regressions, and missing tests. Do not modify files yet.",
+			"home.review.task2": "Inspect code quality",
+			"home.review.prompt2": "Inspect code quality in this project and suggest improvements grounded in the source. Assess only; do not edit.",
+			"home.fix.task1": "Investigate a bug",
+			"home.fix.prompt1": "Help me fix a bug. First ask for reproduction steps, expected behavior, and actual behavior.",
+			"home.fix.task2": "Fix failing tests",
+			"home.fix.prompt2": "Run the applicable project tests, identify failure causes, and make minimal fixes with meaningful regression coverage.",
+			"host.transcript.normal": "Normal",
+			"host.transcript.compact": "Compact",
+			"host.command.compact": "Compact older conversation history",
+			"host.command.export": "Download this Session log as a ZIP archive",
+			"host.command.feedback": "record feedback about this session",
+			"host.command.goal": "set or view the goal for a long-running task",
+			"host.command.permission": "Switch the permission preset (sandbox mode + approval policy)",
+			"host.command.plan": "Enter or leave plan mode",
+			"usage.title": "Usage statistics",
+			"usage.loading": "Loading billing dashboard…",
+			"usage.failed": "The embedded dashboard is unavailable. Retry or open the original dialog.",
+			"usage.closed": "The billing dashboard is closed.",
+			"usage.reopen": "Reopen billing dashboard",
+			"usage.retry": "Retry",
+			"usage.original": "Open original dialog",
 			"settings.title": "Settings",
 			"settings.back": "Back to app",
 			"settings.openDocument": "Open configuration file",
+			"settings.advanced": "Advanced",
+			"settings.documentTitle": "Configuration file",
+			"settings.documentDescription": "View and edit configuration in an external editor",
+			"settings.documentOpen": "Open",
+			"settings.documentOpening": "Opening…",
 			"settings.openDocumentError": "Could not open configuration file",
 			"settings.search": "Search settings…",
 			"settings.personal": "Personal",
@@ -7573,7 +8310,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"about.feature.conversation": "Keeps native messages, tool calls, composer, permissions, and model selection while refining the container visuals",
 			"about.feature.navigator": "Navigate directly to each user prompt with the current conversation turn navigator",
 			"about.dependencies": "Companion management plugins",
-			"about.dependenciesDescription": "Install or update each companion separately, or install missing plugins and update old versions in one action. Check Codex UI, expert, skill, archive, IM, scheduled-task, BTW, and marketplace plugins on their own.",
+			"about.dependenciesDescription": "Install or update each companion separately, or install missing plugins and update old versions in one action. Check Codex UI, expert, skill, archive, IM, scheduled-task, pet, BTW, Simplify, and marketplace plugins on their own.",
 			"about.loading": "Loading dependency status…",
 			"about.statusFailed": "Dependency status is temporarily unavailable.",
 			"about.refreshFailed": "Dependency status refresh failed. Showing the last successful result.",
@@ -7613,6 +8350,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			"about.dependency.archive": "Archived conversations",
 			"about.dependency.im": "IM Assistant",
 			"about.dependency.schedule": "Scheduled tasks",
+			"about.dependency.pet": "Codex Pet",
 			"about.dependency.btw": "BTW",
 			"about.dependency.simplify": "Simplify",
 			"about.dependency.market": "Plugin Market",
@@ -7769,9 +8507,216 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			};
 		}
 		//#endregion
+		//#region src/usage-frame/contract.ts
+		/** 同源费用承载页与宿主之间的最小能力桥；不暴露 Context 或远程服务全集。 */
+		const USAGE_FRAME_PATH = "/api/dsh-codex-ui/usage/frame";
+		const BILLING_ENTRY_ID = "usage-billing";
+		//#endregion
+		//#region src/client/UsageStatisticsSection.tsx
+		/** 设置中的费用原面板承载区；不重建图表、计费或原面板的业务逻辑。 */
+		function UsageStatisticsSection({ useStore, actions, billing, close, openOriginal, t }) {
+			const snapshot = useStore((state) => state);
+			const latest = (0, react.useRef)(snapshot);
+			const listeners = (0, react.useRef)(/* @__PURE__ */ new Set());
+			const frame = (0, react.useRef)(null);
+			const [attempt, setAttempt] = (0, react.useState)(0);
+			const [state, setState] = (0, react.useState)("loading");
+			const disposeTheme = (0, react.useRef)(() => {});
+			const timer = (0, react.useRef)(void 0);
+			(0, react.useEffect)(() => {
+				latest.current = snapshot;
+				listeners.current.forEach((listener) => listener());
+			}, [snapshot]);
+			(0, react.useEffect)(() => {
+				setState("loading");
+				timer.current = setTimeout(() => {
+					setState("failed");
+				}, 15e3);
+				return () => {
+					clearTimeout(timer.current);
+					disposeTheme.current();
+					listeners.current.clear();
+				};
+			}, [attempt]);
+			(0, react.useEffect)(() => {
+				if ((state === "closed" || state === "failed") && document.activeElement === frame.current) frame.current?.parentElement?.querySelector("button")?.focus();
+			}, [state]);
+			const connect = () => {
+				const target = frame.current?.contentWindow;
+				if (!target) return;
+				try {
+					if (target.location.origin !== location.origin || target.location.pathname !== "/api/dsh-codex-ui/usage/frame") throw new Error("费用承载页地址不匹配");
+					const document = target.document;
+					if (!target.dcuUsageRuntimeReady || !document.getElementById("billing-root")) throw new Error("费用承载页未正确加载");
+					const sync = () => {
+						document.body.toggleAttribute("data-ds-dark-theme", window.document.body.hasAttribute("data-ds-dark-theme"));
+						document.documentElement.lang = window.document.documentElement.lang;
+						const tokens = getComputedStyle(window.document.body);
+						for (const key of tokens) if (key.startsWith("--dsw-")) document.body.style.setProperty(key, tokens.getPropertyValue(key));
+					};
+					sync();
+					disposeTheme.current();
+					const observer = new MutationObserver(sync);
+					observer.observe(window.document.body, {
+						attributes: true,
+						attributeFilter: [
+							"data-ds-dark-theme",
+							"class",
+							"style"
+						]
+					});
+					disposeTheme.current = () => observer.disconnect();
+					target.dcuUsageHost = {
+						getSnapshot: () => latest.current,
+						subscribe: (listener) => {
+							listeners.current.add(listener);
+							return () => {
+								listeners.current.delete(listener);
+							};
+						},
+						actions,
+						...billing,
+						close,
+						dismissed: () => {
+							clearTimeout(timer.current);
+							setState((current) => current === "failed" ? current : "closed");
+						},
+						focusOutside: (backward) => {
+							const page = frame.current?.closest("[data-dcu-settings-page]");
+							if (!page || !frame.current) return;
+							const controls = [...page.querySelectorAll("button,input,select,textarea,a[href],[tabindex]")].filter((element) => element.tabIndex >= 0 && !element.matches(":disabled") && !element.closest("[inert]") && element.getClientRects().length > 0);
+							controls[(controls.indexOf(frame.current) + (backward ? -1 : 1) + controls.length) % controls.length]?.focus();
+						},
+						ready: () => {
+							clearTimeout(timer.current);
+							setState((current) => current === "failed" ? current : "ready");
+						},
+						failed: (message) => {
+							console.warn("[michengai-codex-ui] 费用承载失败：%s", message);
+							clearTimeout(timer.current);
+							setState("failed");
+						}
+					};
+					target.postMessage({ type: "dcu-usage-init" }, location.origin);
+				} catch (error) {
+					console.warn("[michengai-codex-ui] 无法连接费用承载页", error);
+					clearTimeout(timer.current);
+					setState("failed");
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dcu-usage-section",
+				"aria-label": t("usage.title"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: t("usage.title") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dcu-usage-stage",
+					"aria-busy": state === "loading",
+					children: [
+						state === "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dcu-usage-loading",
+							role: "status",
+							children: t("usage.loading")
+						}),
+						state === "closed" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							role: "status",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("usage.closed") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								onClick: () => setAttempt((value) => value + 1),
+								children: t("usage.reopen")
+							})]
+						}),
+						state === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							role: "alert",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("usage.failed") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									onClick: () => {
+										setAttempt((value) => value + 1);
+									},
+									children: t("usage.retry")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									onClick: () => {
+										close();
+										requestAnimationFrame(openOriginal);
+									},
+									children: t("usage.original")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("iframe", {
+							ref: frame,
+							title: t("usage.title"),
+							src: USAGE_FRAME_PATH,
+							onLoad: connect,
+							"aria-hidden": state !== "ready",
+							tabIndex: state === "ready" ? 0 : -1,
+							style: { visibility: state === "ready" ? "visible" : "hidden" },
+							className: "dcu-usage-frame"
+						}, attempt)
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/usage-statistics.ts
+		function registerUsageStatistics(ctx) {
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("settings.section", () => {
+				let current;
+				let remove;
+				const refresh = () => {
+					const entry = ctx.slots.entriesOfSlot("sidebar.footer.action").find((item) => item.options.id === BILLING_ENTRY_ID);
+					if (entry === current) return;
+					remove?.();
+					remove = void 0;
+					current = entry;
+					if (!entry?.store || typeof entry.store === "function" || !entry.locale || !entry.inject) return;
+					const face = entry.inject();
+					if (typeof face.checkModels !== "function" || typeof face.publishCosts !== "function") return;
+					const billing = {
+						translate: ctx.locale.bind(entry.locale),
+						checkModels: face.checkModels,
+						publishCosts: face.publishCosts
+					};
+					remove = ctx.slots.register({
+						name: "settings.section",
+						id: "usage-statistics",
+						order: 90,
+						label: () => t("usage.title"),
+						locale: NS,
+						store: entry.store,
+						inject: () => ({
+							billing,
+							openOriginal: () => {
+								ctx.get("billingMetrics")?.openDashboard?.();
+							}
+						})
+					}, UsageStatisticsSection);
+				};
+				const unsubscribe = ctx.slots.subscribe("sidebar.footer.action", refresh);
+				refresh();
+				return () => {
+					unsubscribe();
+					remove?.();
+				};
+			});
+			ctx.effect(() => {
+				const onClick = (event) => {
+					if (!(event.target instanceof Element) || !event.target.closest(".dcu-footer-actions [data-testid=\"billing-trigger\"],.dcu-footer-actions [data-testid=\"billing-rail-button\"]")) return;
+					if (!ctx.slots.entriesOfSlot("settings.section").some((entry) => entry.options.id === "usage-statistics")) return;
+					const seat = document.querySelector(".dcu-settings-seat");
+					if (!seat?.querySelector("[data-dcu-settings-trigger]")) return;
+					event.preventDefault();
+					event.stopPropagation();
+					openSettingsSection(seat, t("usage.title"));
+				};
+				document.addEventListener("click", onClick, true);
+				return () => document.removeEventListener("click", onClick, true);
+			}, "michengai-codex-ui: usage navigation");
+		}
+		//#endregion
 		//#region src/client/settings-page-model.ts
 		function settingsGroup(id) {
-			if (/archive|about/.test(id)) return "records";
+			if (/archive|about|^usage-statistics$/.test(id)) return "records";
 			if (/^(general|appearance|theme|language|shortcuts|voice|account)$/.test(id)) return "personal";
 			return "integrations";
 		}
@@ -7788,14 +8733,15 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 		//#region src/client/settings-page-styles.ts
 		/** Codex 设置页的局部 tokens 与布局，不覆盖宿主其他弹窗。 */
 		const settingsPageStyles = `
-.dcu-settings-page{--sp-bg:#fff;--sp-nav:#f5f5f5;--sp-card:#fafafa;--sp-border:#e5e5e5;--sp-text:#303030;--sp-muted:#737373;--sp-hover:#e9e9e9;--sp-active:#e4e4e4;position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--sp-bg);color:var(--sp-text);font:14px/1.5 var(--dcu-font,system-ui);text-align:left;isolation:isolate}
-body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--sp-card:#232323;--sp-border:#333;--sp-text:#dedede;--sp-muted:#a1a1a1;--sp-hover:#292c2b;--sp-active:#303332;color-scheme:dark}
+.dcu-settings-page{--sp-bg:#fff;--sp-nav:var(--dcu-sidebar-background,#eef7f5);--sp-card:#fafafa;--sp-border:#e5e5e5;--sp-text:#303030;--sp-muted:#737373;--sp-hover:#e9e9e9;--sp-active:#e4e4e4;position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:clamp(240px,var(--dcu-sidebar-expanded-width,275px),min(520px,calc(100vw - 320px))) minmax(0,1fr);background:var(--sp-bg);color:var(--sp-text);font:14px/1.5 var(--dcu-font,system-ui);text-align:left;isolation:isolate}
+body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:var(--dcu-sidebar-background,#1d2120);--sp-card:#232323;--sp-border:#333;--sp-text:#dedede;--sp-muted:#a1a1a1;--sp-hover:#292c2b;--sp-active:#303332;color-scheme:dark}
 .dcu-settings-page *{box-sizing:border-box}
 .dcu-settings-page button,.dcu-settings-page input{font:inherit}
 .dcu-settings-page button{cursor:pointer}
 .dcu-settings-page :focus-visible{outline:2px solid #459cff;outline-offset:3px}
-.dcu-settings-nav{display:flex;flex-direction:column;min-height:0;padding:18px 8px;background:var(--sp-nav);border-right:1px solid var(--sp-border);overflow-y:auto}
-.dcu-settings-back{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--sp-text);text-align:left}
+.dcu-settings-nav{--sp-text:var(--dcu-sidebar-navigation,#4e5253);--sp-muted:var(--dcu-sidebar-secondary,#676b6c);--sp-hover:var(--dcu-sidebar-hover,#dfe8e5);--sp-active:var(--dcu-sidebar-hover,#dfe8e5);--sp-border:var(--dcu-sidebar-border,rgba(37,46,41,.10));display:flex;flex-direction:column;min-height:0;padding:18px 8px;background:var(--sp-nav);box-shadow:inset -1px 0 var(--sp-border);overflow-y:auto}
+body[data-ds-dark-theme] .dcu-settings-nav{--sp-text:var(--dcu-sidebar-navigation,#b9bab9);--sp-muted:var(--dcu-sidebar-secondary,#909191);--sp-hover:var(--dcu-sidebar-hover,#303432);--sp-active:var(--dcu-sidebar-hover,#303432);--sp-border:var(--dcu-sidebar-border,rgba(255,255,255,.08))}
+.dcu-settings-back{display:flex;align-items:center;flex-shrink:0;gap:8px;width:100%;height:30px;padding:5px 8px;border:0;border-radius:10px;background:transparent;color:var(--sp-text);text-align:left}
 .dcu-settings-back:hover,.dcu-settings-link:hover{background:var(--sp-hover)}
 .dcu-settings-search{display:flex;align-items:center;gap:8px;padding:5px 9px;margin:12px 0 18px;background:var(--sp-hover);border:1px solid transparent;border-radius:8px;color:var(--sp-muted)}
 .dcu-settings-search:focus-within{border-color:#459cff}
@@ -7803,17 +8749,22 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 .dcu-settings-search input[type=search]{appearance:none;padding:0;border-radius:0;box-shadow:none;line-height:20px}
 .dcu-settings-search input:focus,.dcu-settings-search input:focus-visible{outline:none;box-shadow:none}
 .dcu-settings-search input::placeholder{color:var(--sp-muted)}
-.dcu-settings-group{margin:0 0 22px}
-.dcu-settings-group-label{margin:0 8px 6px;color:var(--sp-muted);font-size:12px;font-weight:500}
-.dcu-settings-link{display:flex;align-items:center;gap:9px;min-height:32px;width:100%;padding:5px 9px;border:0;border-radius:8px;background:transparent;color:var(--sp-text);text-align:left;font-size:14px!important}
+.dcu-settings-group{flex-shrink:0;margin:0 0 16px}
+.dcu-settings-group-label{margin:0 8px 4px;color:var(--sp-muted);font-size:12px;font-weight:500}
+.dcu-settings-link{display:flex;align-items:center;gap:8px;height:30px;min-height:30px;min-width:0;width:100%;padding:5px 8px;border:0;border-radius:10px;overflow:hidden;background:transparent;color:var(--sp-text);text-align:left;font-size:14px!important}
+/* Codex Desktop SidebarItem / SidebarSection：30px 行高、1px 行距、内收焦点圈。 */
+.dcu-settings-link+.dcu-settings-link{margin-top:1px}
+.dcu-settings-back:focus-visible,.dcu-settings-link:focus-visible{outline-offset:-2px}
+@supports(corner-shape:superellipse(1.5)){.dcu-settings-back,.dcu-settings-link{border-radius:12.5px;corner-shape:superellipse(1.5)}}
 .dcu-settings-link[aria-current=page]{background:var(--sp-active)}
-.dcu-settings-link svg{flex:none;opacity:.9}
+.dcu-settings-link svg{flex:none;color:var(--dcu-sidebar-icon,var(--sp-text));opacity:1}
 .dcu-settings-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dcu-settings-empty{padding:8px;color:var(--sp-muted);font-size:13px}
 .dcu-settings-main{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--sp-bg);scrollbar-width:thin;scrollbar-color:var(--sp-border) transparent}
-.dcu-settings-inner{width:min(100%,864px);margin:0 auto;padding:32px 48px}
+.dcu-settings-inner{width:min(100%,864px);margin:0 auto;padding:48px 48px}
 .dcu-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
-.dcu-settings-heading h1{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.4px}
+.dcu-settings-heading h1,.dcu-settings-inner:is([data-settings-section=models],[data-settings-section=plugins],[data-settings-section=agent-presets]) [class$="_section"]>h2:is([class$="_title"],[class$="_heading"]){margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.4px}
+.dcu-settings-inner:is([data-settings-section=models],[data-settings-section=plugins],[data-settings-section=agent-presets]) [class$="_section"]>p[class$="_intro"]{margin:0;font-size:14px;line-height:22px}
 .dcu-settings-heading[data-own-title=false]{justify-content:flex-end;margin-bottom:16px}
 .dcu-settings-heading:not(:has(h1,button,a,[role=button])){display:none}
 .dcu-settings-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;color:var(--sp-muted)}
@@ -7826,6 +8777,13 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 .dcu-settings-row>[data-slot]>*{padding:12px 0!important;border-bottom:0!important;margin:0!important;min-width:0}
 .dcu-settings-row button{font-size:13px;border-radius:8px}
 .dcu-settings-row input{max-width:100%}
+.dcu-settings-document{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-size:14px;line-height:20px}
+.dcu-settings-document-copy{min-width:0}
+.dcu-settings-document p{margin:4px 0 0;font-size:12px;color:var(--sp-muted);overflow-wrap:anywhere}
+.dcu-settings-document button{flex:none;min-height:36px;padding:8px 16px;border:0;border-radius:8px;background:var(--sp-hover);color:var(--sp-text);font:inherit;font-size:13px;cursor:pointer;transition:background .15s}
+.dcu-settings-document button:hover:not(:disabled){background:color-mix(in srgb,var(--sp-text) 14%,transparent)}
+.dcu-settings-document button:focus-visible{outline:2px solid var(--sp-muted);outline-offset:3px}
+.dcu-settings-document button:disabled{opacity:.55;cursor:wait}
 .dcu-settings-trigger{appearance:none;box-sizing:border-box;display:flex;align-items:center;border:0;border-radius:8px;background:transparent;color:var(--dcu-sidebar-navigation,inherit);height:36px;min-height:36px;padding:0 4px;width:100%;font:400 14px/20px var(--dcu-font,system-ui);text-align:left;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 120ms ease}
 .dcu-settings-trigger-content{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:8px;align-items:center;width:100%;min-width:0}
 .dcu-settings-trigger-content svg{display:block;width:16px;height:16px;color:var(--dcu-sidebar-icon,currentColor);transition:transform 220ms cubic-bezier(.16,1,.3,1)}
@@ -7842,6 +8800,27 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 @keyframes dcu-settings-enter{from{opacity:0}to{opacity:1}}
 @keyframes dcu-settings-nav-enter{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
 @keyframes dcu-settings-content-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
+/* 只有 Desktop 明确提供系统背景材质时才贯通透明层，普通浏览器保持实色。 */
+html[data-dsh-native-backdrop=mica]:has(.dcu-root),html[data-dsh-native-backdrop=mica]:has(.dcu-root) body,html[data-dsh-native-backdrop=mica] #root,html[data-dsh-native-backdrop=mica] #root>[data-slot=root],html[data-dsh-native-backdrop=mica] #root>[data-slot=root]>div{background:transparent!important}
+html[data-dsh-native-backdrop=mica] #root>[data-slot=root]>div>div:has(>[data-slot=sidebar]){background:transparent!important}
+html[data-dsh-native-backdrop=mica] #root :is([class$="_centerCol"],[class$="_detailsCol"]){background:var(--dsw-alias-bg-base,#fff)}
+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}
+/* 同步隐藏本设置页隔离的外部 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}
+
+.dcu-settings-inner:has(.dcu-usage-section){width:100%;height:100%;max-width:1280px;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-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)}
+.dcu-usage-stage{position:relative;flex:1;min-height:420px;background:var(--sp-bg)}
+.dcu-usage-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0}
+.dcu-usage-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:var(--sp-bg)}
 @media(prefers-reduced-motion:reduce){.dcu-settings-trigger,.dcu-settings-trigger-content svg,.dcu-settings-back,.dcu-settings-link{transition:none}.dcu-settings-trigger:hover svg,.dcu-settings-trigger:active{transform:none}.dcu-settings-page,.dcu-settings-nav,.dcu-settings-inner{animation:none}}
 .dcu-settings-page [data-slot="settings.section"]{min-width:0}
 .dcu-settings-inner:has(.dcu-connector-frame){height:100%;display:flex;flex-direction:column}
@@ -7849,8 +8828,8 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 .dcu-settings-page .dcu-connectors:has(>.dcu-connector-frame){display:flex;flex-direction:column;flex:1 1 0;min-height:0}
 .dcu-settings-page .dcu-connector-frame{flex:1 1 0;min-height:0;height:100%}
 
-@media(max-width:900px){.dcu-settings-page{grid-template-columns:200px minmax(0,1fr)}.dcu-settings-inner{padding:24px 28px}.dcu-settings-heading{align-items:flex-start;flex-direction:column;gap:12px}}
-@media(max-width:600px){.dcu-settings-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.dcu-settings-nav{padding:8px 12px;max-height:220px;border-right:0;border-bottom:1px solid var(--sp-border)}.dcu-settings-search{margin:6px 0}.dcu-settings-groups{display:flex;gap:8px;overflow-x:auto;flex:none}.dcu-settings-group{display:flex;gap:4px;margin:0;flex:none}.dcu-settings-group-label{display:none}.dcu-settings-link{width:auto;min-height:40px;flex:none}.dcu-settings-inner{padding:24px 16px}.dcu-settings-heading{margin-bottom:28px}.dcu-settings-heading h1{font-size:22px}.dcu-settings-card{padding:0 12px}.dcu-settings-row>[data-slot]>*{flex-wrap:wrap;gap:12px!important}.dcu-settings-general-group{margin-bottom:32px}}
+@media(max-width:900px){.dcu-settings-inner{padding:32px 28px}.dcu-settings-heading{align-items:flex-start;flex-direction:column;gap:12px}}
+@media(max-width:600px){.dcu-settings-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.dcu-settings-nav{padding:8px 12px;max-height:220px;border-right:0;border-bottom:1px solid var(--sp-border)}.dcu-settings-search{margin:6px 0}.dcu-settings-groups{display:flex;gap:8px;overflow-x:auto;flex:none}.dcu-settings-group{display:flex;gap:4px;margin:0;flex:none}.dcu-settings-group-label{display:none}.dcu-settings-link{width:auto;min-height:40px;flex:none}.dcu-settings-link+.dcu-settings-link{margin-top:0}.dcu-settings-inner{padding:32px 16px}.dcu-settings-heading{margin-bottom:28px}.dcu-settings-heading h1,.dcu-settings-inner:is([data-settings-section=models],[data-settings-section=plugins],[data-settings-section=agent-presets]) [class$="_section"]>h2:is([class$="_title"],[class$="_heading"]){font-size:22px}.dcu-settings-card{padding:0 12px}.dcu-settings-row>[data-slot]>*{flex-wrap:wrap;gap:12px!important}.dcu-settings-general-group{margin-bottom:32px}}
 `;
 		//#endregion
 		//#region src/client/settings-focus.ts
@@ -7876,6 +8855,7 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 			editor: "settings.editor"
 		};
 		function sectionIcon(id) {
+			if (id === "usage-statistics") return ChartColumn;
 			if (id === "market" || id === "plugin-marketplace") return Store;
 			if (id === "better-sidebar" || id === "sidebar-cards") return PanelRight;
 			if (/model/.test(id)) return Cpu;
@@ -7937,6 +8917,24 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 				setActiveId(id);
 				setOpen(true);
 			}, []);
+			(0, react.useEffect)(() => {
+				const element = trigger.current;
+				const navigate = (event) => {
+					const labels = event.detail?.labels;
+					if (!Array.isArray(labels)) return;
+					const row = labels.flatMap((label) => rows.filter((item) => (item.id === "general" ? t("settings.general") : item.label) === label))[0];
+					if (!row) return;
+					event.preventDefault();
+					setQuery("");
+					openSection(row.id);
+				};
+				element?.addEventListener(SETTINGS_OPEN_SECTION_EVENT, navigate);
+				return () => element?.removeEventListener(SETTINGS_OPEN_SECTION_EVENT, navigate);
+			}, [
+				rows,
+				t,
+				openSection
+			]);
 			(0, react.useEffect)(() => () => {
 				exitAnimation.current?.cancel();
 			}, []);
@@ -7968,8 +8966,12 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 						for (const child of element.children) if (child instanceof HTMLElement && !/^(STYLE|SCRIPT|LINK)$/.test(child.tagName)) isolate(child);
 						return;
 					}
-					hidden.set(element, element.inert);
+					hidden.set(element, {
+						inert: element.inert,
+						marker: element.getAttribute("data-dcu-settings-isolated")
+					});
 					element.inert = true;
+					element.setAttribute("data-dcu-settings-isolated", "");
 				};
 				let branch = page.current;
 				while (branch.parentElement !== null) {
@@ -8008,7 +9010,11 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 					document.removeEventListener("keydown", onKeyDown, true);
 					document.removeEventListener("keydown", wrapFocus);
 					document.removeEventListener("focusin", keepFocus);
-					for (const [element, inert] of hidden) element.inert = inert;
+					for (const [element, previous] of hidden) {
+						element.inert = previous.inert;
+						if (previous.marker === null) element.removeAttribute("data-dcu-settings-isolated");
+						else element.setAttribute("data-dcu-settings-isolated", previous.marker);
+					}
 				};
 			}, [
 				open,
@@ -8031,7 +9037,7 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 					"aria-expanded": open,
 					"aria-label": t("settings.title"),
 					onClick: () => {
-						setOpen(true);
+						openSection("general");
 					},
 					children: renderSlot("settings.trigger", { wide })
 				}),
@@ -8126,6 +9132,7 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 						className: "dcu-settings-main",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dcu-settings-inner",
+							"data-settings-section": active?.id,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 								className: "dcu-settings-heading",
 								"data-own-title": active?.id === "general",
@@ -8153,9 +9160,9 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 		/** 每条偏好仍由原插件渲染和保存，只为公共条目添加可扩展的分组容器。 */
 		function CodexGeneralSettings({ items, renderSlot, t }) {
 			const rows = (0, react.useSyncExternalStore)(items.subscribe, items.getSnapshot);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dcu-settings-general",
-				children: [
+				children: [[
 					"permissions",
 					"general",
 					"editor"
@@ -8167,11 +9174,12 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 							className: "dcu-settings-card",
 							children: entries.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "dcu-settings-row",
+								"data-dcu-settings-item": row.id,
 								children: renderSlot("settings.general.item", {}, { only: row.id })
 							}, row.id))
 						})]
 					}, group);
-				})
+				}), renderSlot("settings.general.footer", {})]
 			});
 		}
 		//#endregion
@@ -8210,17 +9218,35 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 					setOpening(false);
 				}
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				role: "alert",
-				children: t("settings.openDocumentError")
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				disabled: opening,
-				onClick: () => {
-					open();
-				},
-				children: t("settings.openDocument")
-			})] });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dcu-settings-general-group",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("settings.advanced") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dcu-settings-card",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcu-settings-document",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dcu-settings-document-copy",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("settings.documentTitle") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("settings.documentDescription") }),
+								error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									role: "alert",
+									children: t("settings.openDocumentError")
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							"aria-label": t("settings.openDocument"),
+							"aria-busy": opening,
+							disabled: opening,
+							onClick: () => {
+								open();
+							},
+							children: t(opening ? "settings.documentOpening" : "settings.documentOpen")
+						})]
+					})
+				})]
+			});
 		}
 		//#endregion
 		//#region src/client/settings-page-registration.ts
@@ -8288,8 +9314,8 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 				const remote = settingsCtx.get("remote");
 				if (!remote.$host.isLoopback) return;
 				const describe = settingsCtx.settingsScope.describe();
-				settingsCtx.slots.inject("settings.action", () => !owned ? () => {} : settingsCtx.slots.register({
-					name: "settings.action",
+				settingsCtx.slots.inject("settings.general.footer", () => !owned ? () => {} : settingsCtx.slots.register({
+					name: "settings.general.footer",
 					id: "open-document",
 					locale: NS,
 					inject: () => ({
@@ -8355,10 +9381,16 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 				order: 0,
 				locale: NS,
 				label: () => t("settings.general"),
-				children: { "settings.general.item": {
-					kind: "list",
-					scope: "root"
-				} },
+				children: {
+					"settings.general.item": {
+						kind: "list",
+						scope: "root"
+					},
+					"settings.general.footer": {
+						kind: "list",
+						scope: "root"
+					}
+				},
 				inject: () => ({ items })
 			}, CodexGeneralSettings));
 		}
@@ -8482,6 +9514,105 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 			};
 		}
 		//#endregion
+		//#region src/client/host-copy.ts
+		const commands = {
+			compact: ["Compact older conversation history", "host.command.compact"],
+			export: ["Download this Session log as a ZIP archive", "host.command.export"],
+			feedback: ["record feedback about this session", "host.command.feedback"],
+			goal: ["set or view the goal for a long-running task", "host.command.goal"],
+			permission: ["Switch the permission preset (sandbox mode + approval policy)", "host.command.permission"],
+			plan: ["Enter or leave plan mode", "host.command.plan"]
+		};
+		const transcript = {
+			Normal: "host.transcript.normal",
+			Compact: "host.transcript.compact"
+		};
+		/** 只补译已核对的宿主控件文本；保留原 Text 节点、事件和业务状态。 */
+		function observeHostCopy(locale, t) {
+			const owned = /* @__PURE__ */ new Map();
+			const replace = (element, original, key) => {
+				const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+				let node;
+				while ((node = walker.nextNode()) !== null) {
+					if (node.nodeValue?.trim() !== original) continue;
+					const text = node;
+					const rendered = text.data.replace(original, t(key));
+					owned.set(text, {
+						original: text.data,
+						rendered,
+						key
+					});
+					if (text.data !== rendered) text.data = rendered;
+				}
+			};
+			const apply = () => {
+				for (const [node, state] of owned) {
+					if (!node.isConnected || node.data !== state.rendered) {
+						owned.delete(node);
+						continue;
+					}
+					const next = state.original.replace(state.original.trim(), t(state.key));
+					if (node.data !== next) node.data = next;
+					state.rendered = next;
+				}
+				const selector = document.querySelector("[data-dcu-settings-item=\"transcript-view\"] button[aria-haspopup=\"menu\"]");
+				if (selector) {
+					for (const [original, key] of Object.entries(transcript)) replace(selector, original, key);
+					if (selector.getAttribute("aria-expanded") === "true") for (const menu of document.querySelectorAll("[role=\"menu\"]")) {
+						const items = [...menu.querySelectorAll("[role=\"menuitem\"],[role=\"menuitemradio\"]")];
+						const labels = items.map((item) => item.textContent?.trim());
+						if (items.length !== 2 || !["Normal", t("host.transcript.normal")].some((label) => labels.includes(label)) || !["Compact", t("host.transcript.compact")].some((label) => labels.includes(label))) continue;
+						for (const item of items) for (const [original, key] of Object.entries(transcript)) replace(item, original, key);
+					}
+				}
+				for (const option of document.querySelectorAll("[data-trigger-menu] button[role=\"option\"]")) {
+					const spans = [...option.children].filter((child) => child.tagName === "SPAN" && child.getAttribute("aria-hidden") !== "true");
+					const name = spans[0]?.textContent?.trim();
+					if (!name || !Object.hasOwn(commands, name) || !spans[1]) continue;
+					const [original, key] = commands[name];
+					replace(spans[1], original, key);
+				}
+			};
+			const scope = "[data-trigger-menu],[data-dcu-settings-item=\"transcript-view\"],[role=\"menu\"]";
+			const roots = /* @__PURE__ */ new Map();
+			const discover = () => {
+				for (const [element, observer] of roots) if (!element.isConnected) {
+					observer.disconnect();
+					roots.delete(element);
+				}
+				for (const element of document.querySelectorAll(scope)) {
+					if (roots.has(element)) continue;
+					const observer = new MutationObserver(apply);
+					observer.observe(element, {
+						subtree: true,
+						childList: true,
+						characterData: true,
+						attributes: true,
+						attributeFilter: ["aria-expanded"]
+					});
+					roots.set(element, observer);
+				}
+				apply();
+			};
+			const observer = new MutationObserver((records) => {
+				if (records.some((record) => [...record.addedNodes, ...record.removedNodes].some((node) => node instanceof Element && (node.matches(scope) || node.querySelector(scope) !== null)))) discover();
+			});
+			discover();
+			observer.observe(document.body, {
+				subtree: true,
+				childList: true
+			});
+			const unsubscribe = locale.subscribe(apply);
+			return () => {
+				observer.disconnect();
+				roots.forEach((observer) => observer.disconnect());
+				roots.clear();
+				unsubscribe();
+				for (const [node, state] of owned) if (node.data === state.rendered) node.data = state.original;
+				owned.clear();
+			};
+		}
+		//#endregion
 		//#region src/client/official-turn-navigator.ts
 		const OFFICIAL_TURN_NAVIGATOR_ATTRIBUTE = "data-dcu-official-turn-navigator";
 		const OFFICIAL_TURN_MARK_ATTRIBUTE = "data-dcu-official-turn-mark";
@@ -9089,6 +10220,42 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 			}, InputHistoryHint));
 		}
 		//#endregion
+		//#region src/client/new-conversation-draft.ts
+		/** 跟随当前会话的原草稿状态，覆盖输入、粘贴、历史召回和任务预填。 */
+		function createDraftPresenceSource(selection, resolve) {
+			return {
+				getSnapshot: () => (resolve()?.getSnapshot().draft.length ?? 0) > 0,
+				subscribe: (listener) => {
+					let current;
+					let offInput = () => {};
+					const bind = () => {
+						const next = resolve();
+						if (next !== current) {
+							offInput();
+							current = next;
+							offInput = next?.subscribe(listener) ?? (() => {});
+						}
+						listener();
+					};
+					const offSelection = selection.subscribe(bind);
+					bind();
+					return () => {
+						offSelection();
+						offInput();
+					};
+				}
+			};
+		}
+		/** 任务建议只能填入空闲且空白的草稿，不覆盖附件、提及或正在提交的内容。 */
+		function prefillNewConversation(input, text) {
+			if (input === void 0) return "workspace";
+			const state = input.state.getSnapshot();
+			if (state.phase !== "plain") return "busy";
+			if (state.draft.trim() !== "" || state.imageIds.length > 0 || state.occurrences.length > 0) return "draft";
+			input.setDraft(text);
+			return "ready";
+		}
+		//#endregion
 		//#region src/client/index.ts
 		const inject = [
 			"slots",
@@ -9126,20 +10293,34 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 		}
 		/** 替换 DSH 的官方 sidebar 插槽，不修改 DSH 源码或会话数据。 */
 		function apply(ctx) {
+			const widthStorage = browserStorage();
+			if (widthStorage) initializeComposerWidth(widthStorage);
 			ctx.effect(() => ctx.locale.register(NS, {
 				zh,
 				en
 			}), "michengai-codex-ui: dictionaries");
 			const t = ctx.locale.bind(NS);
+			ctx.effect(() => observeHeroWidthHandles(t("home.resizeInput")), "michengai-codex-ui: hero width handles");
 			registerInputHistory(ctx);
 			registerSettingsPage(ctx);
+			registerUsageStatistics(ctx);
 			const connection = ctx.get("connection");
 			const openPath = (path) => openPathInHost(connection, path);
 			ctx.effect(() => observeSlimSidebar(), "michengai-codex-ui: slim sidebar");
 			ctx.effect(() => observeSettingsNavIcons(), "michengai-codex-ui: settings nav icons");
 			ctx.effect(() => observePermissionLabels(ctx.locale), "michengai-codex-ui: permission labels");
+			ctx.effect(() => observeComposerToolMenus({
+				search: t("home.projectSearch"),
+				empty: t("home.projectEmpty")
+			}), "michengai-codex-ui: composer tool menus");
+			ctx.effect(() => observeHostCopy(ctx.locale, t), "michengai-codex-ui: host copy");
 			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 binding = id === void 0 ? void 0 : ctx.sessions.binding(id);
+				return binding === void 0 ? void 0 : ctx.conversation.input.for(binding.ctx).state;
+			});
 			const companionSlots = createCompanionTabSource(ctx.slots);
 			ctx.slots.inject("sidebar", () => ctx.slots.register({
 				name: "sidebar",
@@ -9168,6 +10349,12 @@ body[data-ds-dark-theme] .dcu-settings-page{--sp-bg:#181818;--sp-nav:#202322;--s
 					}
 				},
 				inject: () => ({
+					newConversationDraft,
+					prefillNewConversation: (text) => {
+						const id = ctx.sessions.list.getSnapshot().current;
+						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) => {
 						ctx.sessions.open(sessionId);
 					},