@michengai/dsh-codex-ui 0.2.113 → 1.1.0

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。该兼容层只从本插件渲染
@@ -30,16 +170,31 @@ 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();
+		}
 		function openSettingsSection(root, label, onMissing, onSelected) {
 			const labels = typeof label === "string" ? [label] : label;
-			const trigger = root?.querySelector("[aria-haspopup=\"dialog\"]");
+			const trigger = root?.querySelector(SETTINGS_TRIGGER_SELECTOR);
 			if (trigger === null || trigger === void 0) {
 				onMissing?.();
 				return;
 			}
 			const opening = cancelPendingNavigation !== void 0;
 			cancelPendingNavigation?.();
-			if (!opening && document.querySelector("[role=\"dialog\"]") === null) trigger.click();
+			const request = new CustomEvent(SETTINGS_OPEN_SECTION_EVENT, {
+				detail: { labels },
+				cancelable: true
+			});
+			if (!trigger.dispatchEvent(request)) {
+				onSelected?.();
+				return;
+			}
+			const pageSelector = trigger.hasAttribute("data-dcu-settings-trigger") ? "[data-dcu-settings-page]" : "[role=\"dialog\"]";
+			if (!opening && document.querySelector(pageSelector) === null) trigger.click();
 			let frame;
 			let finished = false;
 			const observer = new MutationObserver(() => {
@@ -54,7 +209,7 @@ window.__ModuleLoader__.load({
 				if (cancelPendingNavigation === cleanup) cancelPendingNavigation = void 0;
 			};
 			const select = () => {
-				const target = pickSettingsSectionButton([...document.querySelectorAll("[role=\"dialog\"] nav button")], labels);
+				const target = pickSettingsSectionButton([...document.querySelectorAll(`${pageSelector} nav button`)], labels);
 				if (target === void 0) return false;
 				cleanup();
 				target.click();
@@ -483,6 +638,224 @@ 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 ArrowLeft = createLucideIcon("arrow-left", [["path", {
+			d: "m12 19-7-7 7-7",
+			key: "1l729n"
+		}], ["path", {
+			d: "M19 12H5",
+			key: "x3x0zl"
+		}]]);
+		/**
+		* @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 Box = createLucideIcon("box", [
+			["path", {
+				d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+				key: "hh9hay"
+			}],
+			["path", {
+				d: "m3.3 7 8.7 5 8.7-5",
+				key: "g66t2b"
+			}],
+			["path", {
+				d: "M12 22V12",
+				key: "d0xqtd"
+			}]
+		]);
+		/**
+		* @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 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",
+				cy: "12",
+				r: "10",
+				key: "1mglay"
+			}],
+			["path", {
+				d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",
+				key: "1u773s"
+			}],
+			["path", {
+				d: "M12 17h.01",
+				key: "p32p05"
+			}]
+		]);
+		/**
+		* @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 Clock = createLucideIcon("clock", [["circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			key: "1mglay"
+		}], ["path", {
+			d: "M12 6v6l4 2",
+			key: "mmk7yg"
+		}]]);
+		/**
+		* @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 Cpu = createLucideIcon("cpu", [
+			["path", {
+				d: "M12 20v2",
+				key: "1lh1kg"
+			}],
+			["path", {
+				d: "M12 2v2",
+				key: "tus03m"
+			}],
+			["path", {
+				d: "M17 20v2",
+				key: "1rnc9c"
+			}],
+			["path", {
+				d: "M17 2v2",
+				key: "11trls"
+			}],
+			["path", {
+				d: "M2 12h2",
+				key: "1t8f8n"
+			}],
+			["path", {
+				d: "M2 17h2",
+				key: "7oei6x"
+			}],
+			["path", {
+				d: "M2 7h2",
+				key: "asdhe0"
+			}],
+			["path", {
+				d: "M20 12h2",
+				key: "1q8mjw"
+			}],
+			["path", {
+				d: "M20 17h2",
+				key: "1fpfkl"
+			}],
+			["path", {
+				d: "M20 7h2",
+				key: "1o8tra"
+			}],
+			["path", {
+				d: "M7 20v2",
+				key: "4gnj0m"
+			}],
+			["path", {
+				d: "M7 2v2",
+				key: "1i4yhu"
+			}],
+			["rect", {
+				x: "4",
+				y: "4",
+				width: "16",
+				height: "16",
+				rx: "2",
+				key: "1vbyd7"
+			}],
+			["rect", {
+				x: "8",
+				y: "8",
+				width: "8",
+				height: "8",
+				rx: "1",
+				key: "z9xiuo"
+			}]
+		]);
+		/**
+		* @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 EyeOff = createLucideIcon("eye-off", [
 			["path", {
 				d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
@@ -522,6 +895,39 @@ 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"
+		}], ["path", {
+			d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+			key: "19qd67"
+		}]]);
+		/**
+		* @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 MessageCircle = createLucideIcon("message-circle", [["path", {
 			d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
 			key: "1sd12s"
@@ -532,6 +938,33 @@ 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 MessageSquare = createLucideIcon("message-square", [["path", {
+			d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+			key: "18887p"
+		}]]);
+		/**
+		* @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 PanelRight = createLucideIcon("panel-right", [["rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2",
+			key: "afitv7"
+		}], ["path", {
+			d: "M15 3v18",
+			key: "14nvp0"
+		}]]);
+		/**
+		* @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 Pin = createLucideIcon("pin", [["path", {
 			d: "M12 17v5",
 			key: "bb1du9"
@@ -545,12 +978,213 @@ 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 SquarePen = createLucideIcon("square-pen", [["path", {
-			d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",
-			key: "1m0v6g"
-		}], ["path", {
-			d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",
-			key: "ohrbg2"
+		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"
+		}], ["circle", {
+			cx: "11",
+			cy: "11",
+			r: "8",
+			key: "4ej97u"
+		}]]);
+		/**
+		* @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 Settings = createLucideIcon("settings", [["path", {
+			d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+			key: "1i5ecw"
+		}], ["circle", {
+			cx: "12",
+			cy: "12",
+			r: "3",
+			key: "1v7zrd"
+		}]]);
+		/**
+		* @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 SlidersHorizontal = createLucideIcon("sliders-horizontal", [
+			["path", {
+				d: "M10 5H3",
+				key: "1qgfaw"
+			}],
+			["path", {
+				d: "M12 19H3",
+				key: "yhmn1j"
+			}],
+			["path", {
+				d: "M14 3v4",
+				key: "1sua03"
+			}],
+			["path", {
+				d: "M16 17v4",
+				key: "1q0r14"
+			}],
+			["path", {
+				d: "M21 12h-9",
+				key: "1o4lsq"
+			}],
+			["path", {
+				d: "M21 19h-5",
+				key: "1rlt1p"
+			}],
+			["path", {
+				d: "M21 5h-7",
+				key: "1oszz2"
+			}],
+			["path", {
+				d: "M8 10v4",
+				key: "tgpxqk"
+			}],
+			["path", {
+				d: "M8 12H3",
+				key: "a7s4jb"
+			}]
+		]);
+		/**
+		* @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 Sparkles = createLucideIcon("sparkles", [
+			["path", {
+				d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+				key: "1s2grr"
+			}],
+			["path", {
+				d: "M20 2v4",
+				key: "1rf3ol"
+			}],
+			["path", {
+				d: "M22 4h-4",
+				key: "gwowj6"
+			}],
+			["circle", {
+				cx: "4",
+				cy: "20",
+				r: "2",
+				key: "6kqj1y"
+			}]
+		]);
+		/**
+		* @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 SquarePen = createLucideIcon("square-pen", [["path", {
+			d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",
+			key: "1m0v6g"
+		}], ["path", {
+			d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",
+			key: "ohrbg2"
+		}]]);
+		/**
+		* @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 Store = createLucideIcon("store", [
+			["path", {
+				d: "M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5",
+				key: "slp6dd"
+			}],
+			["path", {
+				d: "M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244",
+				key: "o0xfot"
+			}],
+			["path", {
+				d: "M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05",
+				key: "wn3emo"
+			}]
+		]);
+		/**
+		* @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 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"
+		}], ["circle", {
+			cx: "12",
+			cy: "7",
+			r: "4",
+			key: "17ys0d"
 		}]]);
 		//#endregion
 		//#region src/client/session-tree.tsx
@@ -1889,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";
@@ -2325,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}
@@ -5391,6 +5992,340 @@ 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*="_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;
@@ -5409,7 +6344,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}
@@ -5438,7 +6373,6 @@ body[data-we-sidebar-glass] .dcu-expanded-shell,body[data-we-sidebar-glass] .dcu
 .dcu-footer-actions [data-testid="billing-rail-button"] svg{flex:none;width:24px;height:24px;stroke-width:1.5px}
 .dcu-settings-seat [data-slot="settings.trigger"]{color:var(--dcu-sidebar-navigation)}
 .dcu-settings-seat [data-slot="settings.trigger"]>svg{color:var(--dcu-sidebar-icon)}
-.dcu-root:not(.dcu-compact) .dcu-settings-seat [data-slot="settings.trigger"]>span{margin-left:4px}
 @media (prefers-reduced-motion:reduce){.dcu-footer-actions :is([data-testid="billing-trigger"],[data-testid="billing-rail-button"]){transition:none}}
 /* 宿主列负责缩放，宽态内容保持展开宽度，避免中文竖排与工作区逐帧重排。 */
 .dcu-expanded-shell,.dcu-root:not(.dcu-compact)>.dcu-foot{width:var(--dcu-sidebar-expanded-width,240px);flex-shrink:0}
@@ -5457,9 +6391,24 @@ body[data-we-sidebar-glass] .dcu-expanded-shell,body[data-we-sidebar-glass] .dcu
 @media (prefers-reduced-motion:reduce){[data-dcu-codex-sidebar-initialized],[data-dcu-codex-sidebar-initialized] [data-side="sidebar"],#root [data-dcu-codex-sidebar-initialized]:not([data-dragging]){transition:none}.dcu-root.dcu-collapsing .dcu-compact-shell{animation:none}}
 .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}
-[role="dialog"][aria-labelledby]{width:min(1000px,calc(100vw - 48px));max-width:calc(100vw - 48px);height:min(800px,calc(100vh - 48px))}
 .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}
@@ -5545,7 +6494,7 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 				t
 			]);
 			const openSettings = (0, react.useCallback)(() => {
-				settingsSeat.current?.querySelector("[aria-haspopup=\"dialog\"]")?.click();
+				openSettingsRoot(settingsSeat.current);
 			}, [settingsSeat]);
 			const entries = (0, react.useMemo)(() => {
 				const archived = new Set(workspaces.archivedSessionIds);
@@ -5774,7 +6723,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);
@@ -5951,6 +6900,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: [
@@ -6856,6 +7812,70 @@ 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": "个人",
+			"settings.integrations": "集成",
+			"settings.records": "记录与应用",
+			"settings.general": "常规",
+			"settings.permissions": "权限",
+			"settings.editor": "编辑器",
+			"settings.noResults": "没有匹配的设置分类",
+			"settings.filterHint": "仅筛选导航，选择分类后切换当前页面。",
+			"settings.disconnected": "连接异常",
+			"settings.reconnect": "立即重连",
+			"settings.connecting": "连接中",
+			"settings.recovered": "连接成功",
 			"input.historyHint": "↑↓ 翻历史",
 			"sidebar.label": "DSH 导航",
 			"sidebar.expand": "展开侧边栏",
@@ -7068,6 +8088,70 @@ 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",
+			"settings.integrations": "Integrations",
+			"settings.records": "Records and app",
+			"settings.general": "General",
+			"settings.permissions": "Permissions",
+			"settings.editor": "Editor",
+			"settings.noResults": "No matching settings categories",
+			"settings.filterHint": "Navigation is filtered. Select a category to switch pages.",
+			"settings.disconnected": "Disconnected",
+			"settings.reconnect": "Reconnect now",
+			"settings.connecting": "Connecting",
+			"settings.recovered": "Connected",
 			"input.historyHint": "↑↓ History",
 			"sidebar.label": "DSH navigation",
 			"sidebar.expand": "Expand sidebar",
@@ -7339,79 +8423,956 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			const text = label.trim();
 			for (const [aliases, id] of LABEL_ALIASES) if (aliases.includes(text)) return id;
 		}
-		function applySettingsNavIcon(button) {
-			const id = settingsNavIconId(button.textContent ?? "");
-			if (id === void 0) return false;
-			let changed = false;
-			if (id === "about") {
-				if (!button.hasAttribute("data-dcu-settings-about-last")) {
-					button.setAttribute("data-dcu-settings-about-last", "");
-					changed = true;
-				}
-				if (button.style.getPropertyValue("order") !== "2147483647" || button.style.getPropertyPriority("order") !== "important") {
-					button.style.setProperty("order", ABOUT_SETTINGS_NAV_ORDER, "important");
-					changed = true;
-				}
+		function applySettingsNavIcon(button) {
+			const id = settingsNavIconId(button.textContent ?? "");
+			if (id === void 0) return false;
+			let changed = false;
+			if (id === "about") {
+				if (!button.hasAttribute("data-dcu-settings-about-last")) {
+					button.setAttribute("data-dcu-settings-about-last", "");
+					changed = true;
+				}
+				if (button.style.getPropertyValue("order") !== "2147483647" || button.style.getPropertyPriority("order") !== "important") {
+					button.style.setProperty("order", ABOUT_SETTINGS_NAV_ORDER, "important");
+					changed = true;
+				}
+			}
+			const svg = button.querySelector("svg");
+			if (svg === null) return changed;
+			if (svg.getAttribute("data-dcu-nav-icon") === id) return changed;
+			svg.setAttribute("data-dcu-nav-icon", id);
+			svg.setAttribute("viewBox", id === "archive" ? "0 0 20 20" : id === "about" ? "0 0 14 14" : "0 0 16 16");
+			svg.setAttribute("fill", "none");
+			svg.innerHTML = SETTINGS_NAV_ICON_HTML[id];
+			return true;
+		}
+		function applySettingsNavIcons(root) {
+			let changed = 0;
+			for (const button of root.querySelectorAll("[role=\"dialog\"] nav button")) if (applySettingsNavIcon(button)) changed += 1;
+			return changed;
+		}
+		/** 设置壳只给少数分区画专用图标，这里把已安装插件的导航改成侧栏同款。 */
+		function observeSettingsNavIcons() {
+			if (typeof document === "undefined" || document.body === null) return () => {};
+			let applying = false;
+			let frame;
+			const pendingRoots = /* @__PURE__ */ new Set([document]);
+			const apply = () => {
+				if (applying) return;
+				applying = true;
+				const roots = [...pendingRoots];
+				pendingRoots.clear();
+				try {
+					for (const root of roots) applySettingsNavIcons(root);
+				} finally {
+					applying = false;
+				}
+			};
+			const schedule = () => {
+				if (frame !== void 0) return;
+				frame = window.requestAnimationFrame(() => {
+					frame = void 0;
+					apply();
+				});
+			};
+			apply();
+			const observer = new MutationObserver((records) => {
+				for (const record of records) {
+					const button = (record.target.nodeType === 1 ? record.target : record.target.parentElement)?.closest("[role=\"dialog\"] nav button");
+					if (button !== null && button !== void 0) pendingRoots.add(button.closest("[role=\"dialog\"]") ?? document);
+					for (const node of record.addedNodes) {
+						if (!(node instanceof Element)) continue;
+						if (node.matches("[role=\"dialog\"] nav button")) pendingRoots.add(node.closest("[role=\"dialog\"]") ?? document);
+						else if (node.querySelector("[role=\"dialog\"] nav button") !== null) pendingRoots.add(node);
+					}
+				}
+				if (pendingRoots.size > 0) schedule();
+			});
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			return () => {
+				observer.disconnect();
+				if (frame !== void 0) window.cancelAnimationFrame(frame);
+			};
+		}
+		//#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|^usage-statistics$/.test(id)) return "records";
+			if (/^(general|appearance|theme|language|shortcuts|voice|account)$/.test(id)) return "personal";
+			return "integrations";
+		}
+		function filterSettingsRows(rows, query) {
+			const needle = query.trim().toLocaleLowerCase();
+			return needle === "" ? rows : rows.filter((row) => `${row.label} ${row.id}`.toLocaleLowerCase().includes(needle));
+		}
+		function generalItemGroup(id) {
+			if (/permission|approval|sandbox/.test(id)) return "permissions";
+			if (/composer|font|conversation|chat|enter/.test(id)) return "editor";
+			return "general";
+		}
+		//#endregion
+		//#region src/client/settings-page-styles.ts
+		/** Codex 设置页的局部 tokens 与布局，不覆盖宿主其他弹窗。 */
+		const settingsPageStyles = `
+.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{--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}
+.dcu-settings-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--sp-text);outline:none;font-size:13px}
+.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{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;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:48px 48px}
+.dcu-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
+.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)}
+.dcu-settings-actions button{font-size:12px}
+.dcu-settings-general-group{margin-bottom:44px}
+.dcu-settings-general-group h2{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--sp-text)}
+.dcu-settings-card{border:1px solid var(--sp-border);border-radius:16px;background:var(--sp-card);padding:0 16px;overflow:hidden}
+.dcu-settings-row+.dcu-settings-row{border-top:1px solid var(--sp-border)}
+.dcu-settings-row>[data-slot]{display:contents}
+.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)}
+.dcu-settings-trigger:hover{background:var(--dcu-sidebar-hover,rgba(127,127,127,.12));color:var(--dcu-sidebar-primary,inherit)}
+.dcu-settings-trigger:hover svg{transform:rotate(18deg)}
+.dcu-settings-trigger:active{transform:scale(.98)}
+.dcu-settings-trigger:focus-visible{outline:2px solid #459cff;outline-offset:2px;background:var(--dcu-sidebar-hover,rgba(127,127,127,.12))}
+.dcu-settings-trigger[data-wide=false]{justify-content:center;width:36px;padding:0!important}
+.dcu-settings-trigger[data-wide=false] .dcu-settings-trigger-content{grid-template-columns:16px;justify-content:center}
+.dcu-settings-page{animation:dcu-settings-enter 180ms ease-out}
+.dcu-settings-nav{animation:dcu-settings-nav-enter 220ms cubic-bezier(.16,1,.3,1)}
+.dcu-settings-inner{animation:dcu-settings-content-enter 240ms cubic-bezier(.16,1,.3,1)}
+.dcu-settings-back,.dcu-settings-link{transition:background-color 160ms ease,color 160ms ease}
+@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)}
+html[data-dsh-native-backdrop=mica] .dcu-root:has(.dcu-settings-page) [inert]{visibility:hidden}
+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}
+.dcu-settings-inner:has(.dcu-connector-frame)>.dcu-settings-heading{flex:none}
+.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-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
+		/** 设置页与宿主浮层共享的可交互判断，忽略隐藏及已被隔离的对话框。 */
+		function settingsElementAvailable(element) {
+			for (let node = element; node !== null; node = node.parentElement) {
+				const style = getComputedStyle(node);
+				if (node.inert || node.hidden || node.getAttribute("aria-hidden") === "true" || style.display === "none" || style.visibility === "hidden" || style.visibility === "collapse") return false;
 			}
-			const svg = button.querySelector("svg");
-			if (svg === null) return changed;
-			if (svg.getAttribute("data-dcu-nav-icon") === id) return changed;
-			svg.setAttribute("data-dcu-nav-icon", id);
-			svg.setAttribute("viewBox", id === "archive" ? "0 0 20 20" : id === "about" ? "0 0 14 14" : "0 0 16 16");
-			svg.setAttribute("fill", "none");
-			svg.innerHTML = SETTINGS_NAV_ICON_HTML[id];
 			return true;
 		}
-		function applySettingsNavIcons(root) {
-			let changed = 0;
-			for (const button of root.querySelectorAll("[role=\"dialog\"] nav button")) if (applySettingsNavIcon(button)) changed += 1;
-			return changed;
+		function settingsOverlays(selector = "[role=\"dialog\"],[role=\"alertdialog\"],[role=\"menu\"],[role=\"listbox\"]") {
+			return [...document.querySelectorAll(selector)].filter(settingsElementAvailable);
 		}
-		/** 设置壳只给少数分区画专用图标，这里把已安装插件的导航改成侧栏同款。 */
-		function observeSettingsNavIcons() {
-			if (typeof document === "undefined" || document.body === null) return () => {};
-			let applying = false;
-			let frame;
-			const pendingRoots = /* @__PURE__ */ new Set([document]);
-			const apply = () => {
-				if (applying) return;
-				applying = true;
-				const roots = [...pendingRoots];
-				pendingRoots.clear();
-				try {
-					for (const root of roots) applySettingsNavIcons(root);
-				} finally {
-					applying = false;
+		//#endregion
+		//#region src/client/CodexSettingsPage.tsx
+		const groupLabels = {
+			personal: "settings.personal",
+			integrations: "settings.integrations",
+			records: "settings.records",
+			permissions: "settings.permissions",
+			general: "settings.general",
+			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;
+			if (/archive/.test(id)) return Archive;
+			if (/about/.test(id)) return CircleQuestionMark;
+			if (/expert|agency/.test(id)) return User;
+			if (/skill/.test(id)) return Sparkles;
+			if (/connector|mcp/.test(id)) return Link;
+			if (/schedule|automation/.test(id)) return Clock;
+			if (/im|assistant/.test(id)) return MessageSquare;
+			if (id === "general") return Settings;
+			if (/plugin/.test(id)) return SlidersHorizontal;
+			return Box;
+		}
+		/** 独立设置视图复用原始 section/close 合约，退出时保留底层会话与输入状态。 */
+		function CodexSettingsPage({ wide, sections, onboarding, connectionState, reconnect, useSessions, renderSlot, t }) {
+			const rows = (0, react.useSyncExternalStore)(sections.subscribe, sections.getSnapshot);
+			const steps = (0, react.useSyncExternalStore)(onboarding.subscribe, onboarding.getSnapshot);
+			const connection = (0, react.useSyncExternalStore)(connectionState.subscribe, connectionState.getSnapshot);
+			const onboardingActive = useSessions((state) => state.phase === "ready" && (state.current === void 0 || state.byId[state.current]?.blank === true));
+			const [completed, setCompleted] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+			const [open, setOpen] = (0, react.useState)(false);
+			const [activeId, setActiveId] = (0, react.useState)("general");
+			const [query, setQuery] = (0, react.useState)("");
+			const [recovered, setRecovered] = (0, react.useState)(false);
+			const previousConnection = (0, react.useRef)(connection);
+			const trigger = (0, react.useRef)(null);
+			const page = (0, react.useRef)(null);
+			const back = (0, react.useRef)(null);
+			const onboardingRoot = (0, react.useRef)(null);
+			const main = (0, react.useRef)(null);
+			const wasOpen = (0, react.useRef)(false);
+			const exitAnimation = (0, react.useRef)(null);
+			const active = rows.find((row) => row.id === activeId) ?? rows[0];
+			const step = onboardingActive ? steps.find((item) => !completed.has(item.id)) : void 0;
+			const close = (0, react.useCallback)(() => {
+				if (exitAnimation.current !== null) return;
+				const finish = () => {
+					exitAnimation.current = null;
+					setOpen(false);
+					setQuery("");
+				};
+				const element = page.current;
+				if (element?.animate === void 0 || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+					finish();
+					return;
 				}
-			};
-			const schedule = () => {
-				if (frame !== void 0) return;
-				frame = window.requestAnimationFrame(() => {
-					frame = void 0;
-					apply();
+				const animation = element.animate([{ opacity: getComputedStyle(element).opacity }, { opacity: 0 }], {
+					duration: 140,
+					easing: "ease-out",
+					fill: "forwards"
 				});
-			};
-			apply();
-			const observer = new MutationObserver((records) => {
-				for (const record of records) {
-					const button = (record.target.nodeType === 1 ? record.target : record.target.parentElement)?.closest("[role=\"dialog\"] nav button");
-					if (button !== null && button !== void 0) pendingRoots.add(button.closest("[role=\"dialog\"]") ?? document);
-					for (const node of record.addedNodes) {
-						if (!(node instanceof Element)) continue;
-						if (node.matches("[role=\"dialog\"] nav button")) pendingRoots.add(node.closest("[role=\"dialog\"]") ?? document);
-						else if (node.querySelector("[role=\"dialog\"] nav button") !== null) pendingRoots.add(node);
+				exitAnimation.current = animation;
+				animation.onfinish = finish;
+			}, []);
+			const openSection = (0, react.useCallback)((id) => {
+				exitAnimation.current?.cancel();
+				exitAnimation.current = null;
+				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();
+			}, []);
+			(0, react.useEffect)(() => {
+				if (!onboardingActive) setCompleted(/* @__PURE__ */ new Set());
+			}, [onboardingActive]);
+			(0, react.useEffect)(() => {
+				const previous = previousConnection.current;
+				previousConnection.current = connection;
+				setRecovered(connection === "connected" && (previous === "disconnected" || previous === "connecting"));
+				if (connection !== "connected") return;
+				const timer = window.setTimeout(() => {
+					setRecovered(false);
+				}, 3e3);
+				return () => {
+					window.clearTimeout(timer);
+				};
+			}, [connection]);
+			(0, react.useEffect)(() => {
+				if (wasOpen.current && !open) trigger.current?.focus();
+				wasOpen.current = open;
+				if (!open || page.current === null) return;
+				if (settingsElementAvailable(page.current) && settingsOverlays().length === 0) back.current?.focus();
+				const hidden = /* @__PURE__ */ new Map();
+				const guideModals = step === void 0 ? [] : settingsOverlays("[role=\"dialog\"][aria-modal=\"true\"],[role=\"alertdialog\"][aria-modal=\"true\"]");
+				const isolate = (element) => {
+					if (element === onboardingRoot.current || guideModals.includes(element)) return;
+					if (guideModals.some((modal) => element.contains(modal))) {
+						for (const child of element.children) if (child instanceof HTMLElement && !/^(STYLE|SCRIPT|LINK)$/.test(child.tagName)) isolate(child);
+						return;
 					}
+					hidden.set(element, element.inert);
+					element.inert = true;
+				};
+				let branch = page.current;
+				while (branch.parentElement !== null) {
+					for (const sibling of branch.parentElement.children) {
+						if (!(sibling instanceof HTMLElement) || sibling === branch || /^(STYLE|SCRIPT|LINK)$/.test(sibling.tagName)) continue;
+						isolate(sibling);
+					}
+					branch = branch.parentElement;
+					if (branch === document.body) break;
 				}
-				if (pendingRoots.size > 0) schedule();
+				const onKeyDown = (event) => {
+					if (event.key === "Escape" && !event.defaultPrevented && settingsOverlays().length === 0) {
+						event.preventDefault();
+						close();
+					}
+				};
+				const keepFocus = (event) => {
+					const target = event.target;
+					if (!(target instanceof Node) || page.current === null || !settingsElementAvailable(page.current)) return;
+					if (page.current.contains(target) || onboardingRoot.current?.contains(target) || settingsOverlays().some((overlay) => overlay.contains(target))) return;
+					back.current?.focus();
+				};
+				const wrapFocus = (event) => {
+					if (event.key !== "Tab" || event.defaultPrevented || page.current === null || !settingsElementAvailable(page.current) || settingsOverlays().length > 0) return;
+					const items = [page.current, onboardingRoot.current].filter((root) => root !== null).flatMap((root) => [...root.querySelectorAll("button,input,select,textarea,a[href],[tabindex]")]).filter((element) => element.tabIndex >= 0 && !element.matches(":disabled") && settingsElementAvailable(element));
+					const next = event.shiftKey ? items.at(-1) : items[0];
+					if (document.activeElement === (event.shiftKey ? items[0] : items.at(-1))) {
+						event.preventDefault();
+						next?.focus();
+					}
+				};
+				document.addEventListener("keydown", onKeyDown, true);
+				document.addEventListener("keydown", wrapFocus);
+				document.addEventListener("focusin", keepFocus);
+				return () => {
+					document.removeEventListener("keydown", onKeyDown, true);
+					document.removeEventListener("keydown", wrapFocus);
+					document.removeEventListener("focusin", keepFocus);
+					for (const [element, inert] of hidden) element.inert = inert;
+				};
+			}, [
+				open,
+				close,
+				step?.id
+			]);
+			(0, react.useEffect)(() => {
+				if (main.current !== null) main.current.scrollTop = 0;
+			}, [active?.id]);
+			const visible = filterSettingsRows(rows, query);
+			const connectionIndicator = connection === "disconnected" ? "disconnected" : connection === "connecting" ? "connecting" : recovered ? "recovered" : void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: settingsPageStyles }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					ref: trigger,
+					type: "button",
+					className: "dcu-settings-trigger",
+					"data-dcu-settings-trigger": true,
+					"data-wide": wide,
+					"aria-expanded": open,
+					"aria-label": t("settings.title"),
+					onClick: () => {
+						openSection("general");
+					},
+					children: renderSlot("settings.trigger", { wide })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.ConnectionIndicator, {
+					state: wide ? connectionIndicator : void 0,
+					disconnectedLabel: t("settings.disconnected"),
+					reconnectLabel: t("settings.reconnect"),
+					connectingLabel: t("settings.connecting"),
+					recoveredLabel: t("settings.recovered"),
+					reconnectActionLabel: t("settings.reconnect"),
+					restartActionLabel: t("settings.reconnect"),
+					onReconnect: reconnect
+				}),
+				open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					ref: page,
+					className: "dcu-settings-page",
+					"data-dcu-settings-page": true,
+					role: "region",
+					"aria-label": t("settings.title"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+						className: "dcu-settings-nav",
+						"aria-label": t("settings.title"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								ref: back,
+								type: "button",
+								className: "dcu-settings-back",
+								onClick: close,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowLeft, { size: 16 }), renderSlot("settings.close", {}) ?? t("settings.back")]
+							}),
+							renderSlot("settings.header", {}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "dcu-settings-search",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, {
+									size: 15,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "search",
+									value: query,
+									"aria-label": t("settings.search"),
+									placeholder: t("settings.search"),
+									onChange: (event) => {
+										setQuery(event.target.value);
+									}
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dcu-settings-groups",
+								children: [
+									"personal",
+									"integrations",
+									"records"
+								].map((group) => {
+									const entries = visible.filter((row) => settingsGroup(row.id) === group);
+									return entries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+										className: "dcu-settings-group",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+											className: "dcu-settings-group-label",
+											children: t(groupLabels[group])
+										}), entries.map((row) => {
+											const Icon = sectionIcon(row.id);
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: "dcu-settings-link",
+												"aria-current": row.id === active?.id ? "page" : void 0,
+												onClick: () => {
+													setActiveId(row.id);
+												},
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+													size: 16,
+													strokeWidth: 1.6,
+													"aria-hidden": "true"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: row.id === "general" ? t("settings.general") : row.label })]
+											}, row.id);
+										})]
+									}, group);
+								})
+							}),
+							visible.length > 0 && !visible.some((row) => row.id === active?.id) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dcu-settings-empty",
+								role: "status",
+								children: t("settings.filterHint")
+							}),
+							visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dcu-settings-empty",
+								role: "status",
+								children: t("settings.noResults")
+							})
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref: main,
+						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",
+								children: [active?.id === "general" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: t("settings.general") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dcu-settings-actions",
+									children: renderSlot("settings.action", {})
+								})]
+							}), active !== void 0 && renderSlot("settings.section", { close }, { only: active.id })]
+						})
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: onboardingRoot,
+					style: { display: "contents" },
+					children: step !== void 0 && renderSlot("settings.onboarding", {
+						stepId: step.id,
+						complete: () => {
+							setCompleted((previous) => /* @__PURE__ */ new Set([...previous, step.id]));
+						},
+						openSection
+					}, { only: step.id })
+				})
+			] });
+		}
+		/** 每条偏好仍由原插件渲染和保存，只为公共条目添加可扩展的分组容器。 */
+		function CodexGeneralSettings({ items, renderSlot, t }) {
+			const rows = (0, react.useSyncExternalStore)(items.subscribe, items.getSnapshot);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dcu-settings-general",
+				children: [[
+					"permissions",
+					"general",
+					"editor"
+				].map((group) => {
+					const entries = rows.filter((row) => generalItemGroup(row.id) === group);
+					return entries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: "dcu-settings-general-group",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t(groupLabels[group]) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							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", {})]
 			});
-			observer.observe(document.body, {
-				childList: true,
-				subtree: true
+		}
+		//#endregion
+		//#region src/client/SettingsDocumentAction.tsx
+		/** 通过宿主公开接口打开配置文件，沿用共享元数据和路径无关的操作。 */
+		function SettingsDocumentAction({ describe, openDocument, t }) {
+			const snapshot = (0, react.useSyncExternalStore)((listener) => describe.subscribe(listener), () => describe.getSnapshot());
+			const busy = (0, react.useRef)(false);
+			const [opening, setOpening] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				let active = true;
+				setError(false);
+				describe.ensure().catch(() => {
+					if (active) setError(true);
+				});
+				return () => {
+					active = false;
+				};
+			}, [describe]);
+			if (!snapshot.view?.hasDocument) return error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				role: "alert",
+				children: t("settings.openDocumentError")
+			}) : null;
+			const open = async () => {
+				if (busy.current) return;
+				busy.current = true;
+				setOpening(true);
+				setError(false);
+				try {
+					setError(!(await openDocument()).ok);
+				} catch {
+					setError(true);
+				} finally {
+					busy.current = false;
+					setOpening(false);
+				}
+			};
+			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")
+						})]
+					})
+				})]
 			});
-			return () => {
-				observer.disconnect();
-				if (frame !== void 0) window.cancelAnimationFrame(frame);
+		}
+		//#endregion
+		//#region src/client/settings-page-registration.ts
+		/** 用公开插槽替换设置壳，保留宿主的设置写入、连接恢复和首次使用引导。 */
+		function registerSettingsPage(ctx) {
+			const children = [
+				"settings.trigger",
+				"settings.header",
+				"settings.action",
+				"settings.close",
+				"settings.section",
+				"settings.onboarding",
+				"settings.general.item"
+			];
+			const occupied = () => ctx.slots.entriesOfSlot("sidebar.settings").length > 0 || children.some((name) => ctx.slots.snapshot(name).length > 0);
+			const warn = () => console.warn("[michengai-codex-ui] 已存在设置外壳，保留宿主设置；独立设置页需要 bundle patch 停用 ui-settings-general。");
+			if (occupied()) {
+				warn();
+				return;
+			}
+			let owned = false;
+			const t = ctx.locale.bind(NS);
+			const connection = ctx.get("connection");
+			const source = (name) => {
+				let revision = "";
+				let cached = [];
+				return {
+					getSnapshot: () => {
+						const next = `${ctx.slots.getVersion(name)}:${ctx.locale.getSnapshot().revision}`;
+						if (revision !== next) {
+							revision = next;
+							cached = ctx.slots.entriesOfSlot(name).map((entry) => ({
+								id: entry.options.id ?? "",
+								order: entry.options.order ?? 0,
+								label: (typeof entry.options.label === "function" ? entry.options.label() : entry.options.label) ?? ""
+							})).sort((a, b) => a.order - b.order);
+						}
+						return cached;
+					},
+					subscribe: (listener) => {
+						const offSlots = ctx.slots.subscribe(name, listener);
+						const offLocale = ctx.locale.subscribe(listener);
+						return () => {
+							offSlots();
+							offLocale();
+						};
+					}
+				};
 			};
+			const sections = source("settings.section");
+			const onboarding = source("settings.onboarding");
+			const items = source("settings.general.item");
+			ctx.slots.inject("settings.trigger", () => !owned ? () => {} : ctx.slots.register({
+				name: "settings.trigger",
+				locale: NS
+			}, ({ wide }) => (0, react.createElement)("span", { className: "dcu-settings-trigger-content" }, (0, react.createElement)(Settings, {
+				size: 16,
+				strokeWidth: 1.6
+			}), wide ? (0, react.createElement)("span", null, t("settings.title")) : null)));
+			ctx.slots.inject("settings.close", () => !owned ? () => {} : ctx.slots.register({
+				name: "settings.close",
+				locale: NS
+			}, () => t("settings.back")));
+			ctx.inject(["settingsScope", "remote.settings"], (settingsCtx) => {
+				const remote = settingsCtx.get("remote");
+				if (!remote.$host.isLoopback) return;
+				const describe = settingsCtx.settingsScope.describe();
+				settingsCtx.slots.inject("settings.general.footer", () => !owned ? () => {} : settingsCtx.slots.register({
+					name: "settings.general.footer",
+					id: "open-document",
+					locale: NS,
+					inject: () => ({
+						describe,
+						openDocument: () => remote.settings.openSettingsDocument()
+					})
+				}, SettingsDocumentAction));
+			});
+			ctx.slots.inject("sidebar.settings", () => {
+				if (occupied()) {
+					warn();
+					return () => {};
+				}
+				owned = true;
+				const remove = ctx.slots.register({
+					name: "sidebar.settings",
+					priority: -1,
+					locale: NS,
+					children: {
+						"settings.trigger": {
+							kind: "single",
+							scope: "root"
+						},
+						"settings.header": {
+							kind: "single",
+							scope: "root"
+						},
+						"settings.action": {
+							kind: "list",
+							scope: "root"
+						},
+						"settings.close": {
+							kind: "single",
+							scope: "root"
+						},
+						"settings.section": {
+							kind: "list",
+							scope: "root"
+						},
+						"settings.onboarding": {
+							kind: "list",
+							scope: "root"
+						}
+					},
+					inject: () => ({
+						sections,
+						onboarding,
+						connectionState: connection.state,
+						reconnect: () => {
+							connection.reconnect();
+						}
+					})
+				}, CodexSettingsPage);
+				return () => {
+					owned = false;
+					remove();
+				};
+			});
+			ctx.slots.inject("settings.section", () => !owned ? () => {} : ctx.slots.register({
+				name: "settings.section",
+				id: "general",
+				priority: -1,
+				order: 0,
+				locale: NS,
+				label: () => t("settings.general"),
+				children: {
+					"settings.general.item": {
+						kind: "list",
+						scope: "root"
+					},
+					"settings.general.footer": {
+						kind: "list",
+						scope: "root"
+					}
+				},
+				inject: () => ({ items })
+			}, CodexGeneralSettings));
 		}
 		//#endregion
 		//#region src/client/permission-labels.ts
@@ -7533,6 +9494,105 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			};
 		}
 		//#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";
@@ -8140,6 +10200,42 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 			}, 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",
@@ -8177,19 +10273,34 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 		}
 		/** 替换 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",
@@ -8218,6 +10329,12 @@ html[data-dcu-official-turn-navigator-supported=true] .dcu-turn-navigator,html:h
 					}
 				},
 				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);
 					},