@songtonyli/dsh-cli 0.1.11 → 0.1.13

package/node_modules/@deepseek-ai/dsh-client-ui-conversation/lib/client.js

@@ -826,6 +826,69 @@ window.__ModuleLoader__.load({
 			"preserve"
 		], ({ inner }, isInner) => inner.toString(isInner));
 		//#endregion
+		//#region ../../util/values/src/index.ts
+		/**
+		* Weak-key lookup with a strongly retained iterable set of associated values.
+		*
+		* Each value must belong to only one key. The container performs no automatic
+		* cleanup; owners delete associations or clear the container at lifecycle end.
+		*/
+		var WeakMapWithValues = class {
+			keys = /* @__PURE__ */ new WeakMap();
+			valueSet = /* @__PURE__ */ new Set();
+			/** Live strongly retained values in insertion order. */
+			values = this.valueSet;
+			/**
+			* Read the value associated with a key.
+			* @param key - weakly held lookup key.
+			* @returns the associated value, or absence.
+			*/
+			get(key) {
+				return this.keys.get(key);
+			}
+			/**
+			* Test whether a key has an association.
+			* @param key - weakly held lookup key.
+			* @returns whether the key is present.
+			*/
+			has(key) {
+				return this.keys.has(key);
+			}
+			/**
+			* Associate one key with one caller-unique value.
+			* @param key - weakly held lookup key.
+			* @param value - strongly retained value that belongs to no other key.
+			* @returns this container.
+			*/
+			set(key, value) {
+				if (this.keys.has(key)) {
+					const previous = this.keys.get(key);
+					if (previous === value) return this;
+					this.valueSet.delete(previous);
+				}
+				this.keys.set(key, value);
+				this.valueSet.add(value);
+				return this;
+			}
+			/**
+			* Remove one association and its strongly retained value.
+			* @param key - weakly held lookup key.
+			* @returns whether an association was removed.
+			*/
+			delete(key) {
+				if (!this.keys.has(key)) return false;
+				const value = this.keys.get(key);
+				const deleted = this.keys.delete(key);
+				this.valueSet.delete(value);
+				return deleted;
+			}
+			/** Remove every association and strongly retained value. */
+			clear() {
+				this.keys = /* @__PURE__ */ new WeakMap();
+				this.valueSet.clear();
+			}
+		};
+		//#endregion
 		//#region lib/types/client/contract/request-inspection.js
 		/**
 		* Canonicalize one request header against the system node in force and
@@ -2302,9 +2365,8 @@ window.__ModuleLoader__.load({
 		/** Resolve durable Conversation images and release their browser URLs with Session scope. */
 		var HistoricalImageCache = class {
 			sessions;
-			entries = /* @__PURE__ */ new Map();
-			generations = /* @__PURE__ */ new Map();
-			scopeDisposers = /* @__PURE__ */ new Map();
+			entries = new WeakMapWithValues();
+			scopeDisposers = new WeakMapWithValues();
 			urls = /* @__PURE__ */ new Set();
 			disposed = false;
 			/**
@@ -2325,18 +2387,17 @@ window.__ModuleLoader__.load({
 			*/
 			resolve(sessionId, attachment) {
 				if (this.disposed) return Promise.reject(/* @__PURE__ */ new Error("ui-conversation image cache is disposed"));
-				const key = this.key(sessionId, attachment);
-				const cached = this.entries.get(key);
-				if (cached !== void 0) return cached.pending;
 				const binding = this.sessions.binding(sessionId);
 				if (binding === void 0) return Promise.reject(/* @__PURE__ */ new Error(`ui-conversation: unknown session "${sessionId}"`));
-				this.bindScope(sessionId, binding.ctx);
+				const entries = this.bindScope(binding);
+				const key = attachment.attachmentId;
+				const cached = entries.get(key);
+				if (cached !== void 0) return cached.pending;
 				const entry = {
-					sessionId,
-					generation: this.generations.get(sessionId) ?? 0,
+					binding,
 					pending: Promise.resolve("")
 				};
-				this.entries.set(key, entry);
+				entries.set(key, entry);
 				entry.pending = this.loadCanonical(key, entry, attachment);
 				return entry.pending;
 			}
@@ -2347,7 +2408,8 @@ window.__ModuleLoader__.load({
 			* @returns current preview or canonical URL when cached.
 			*/
 			peek(sessionId, attachment) {
-				return this.entries.get(this.key(sessionId, attachment))?.current;
+				const binding = this.sessions.binding(sessionId);
+				return binding === void 0 ? void 0 : this.entries.get(binding)?.get(attachment.attachmentId)?.current;
 			}
 			/**
 			* Adopt a submission preview while fetching the durable admitted bytes.
@@ -2360,22 +2422,21 @@ window.__ModuleLoader__.load({
 			*/
 			seed(sessionId, attachment, url) {
 				if (this.disposed) return false;
-				const key = this.key(sessionId, attachment);
-				if (this.entries.has(key)) return false;
 				const binding = this.sessions.binding(sessionId);
 				if (binding === void 0) return false;
-				this.bindScope(sessionId, binding.ctx);
+				const entries = this.bindScope(binding);
+				const key = attachment.attachmentId;
+				if (entries.has(key)) return false;
 				const entry = {
-					sessionId,
-					generation: this.generations.get(sessionId) ?? 0,
+					binding,
 					current: url,
 					pending: Promise.resolve(url)
 				};
 				this.urls.add(url);
-				this.entries.set(key, entry);
+				entries.set(key, entry);
 				entry.pending = this.loadCanonical(key, entry, attachment).catch((error) => {
-					if (this.entries.get(key) === entry && entry.current === url) {
-						this.entries.delete(key);
+					if (entries.get(key) === entry && entry.current === url) {
+						entries.delete(key);
 						this.releaseUrl(url);
 					}
 					throw error;
@@ -2383,13 +2444,8 @@ window.__ModuleLoader__.load({
 				entry.pending.catch(() => {});
 				return true;
 			}
-			key(sessionId, attachment) {
-				return `${sessionId}:${attachment.attachmentId}`;
-			}
 			loadCanonical(key, entry, attachment) {
-				const binding = this.sessions.binding(entry.sessionId);
-				if (binding === void 0) return Promise.reject(/* @__PURE__ */ new Error(`ui-conversation: unknown session "${entry.sessionId}"`));
-				return binding.session.readAttachment(attachment.attachmentId).then((result) => {
+				return entry.binding.session.readAttachment(attachment.attachmentId).then((result) => {
 					if (!result.ok) throw new Error(`${result.error.code}: ${result.error.message}`);
 					this.assertLive(key, entry);
 					let url;
@@ -2405,31 +2461,34 @@ window.__ModuleLoader__.load({
 					if (previous !== void 0 && previous !== url) this.releaseUrl(previous);
 					return url;
 				}).catch((error) => {
-					if (this.entries.get(key) === entry && entry.current === void 0) this.entries.delete(key);
+					const entries = this.entries.get(entry.binding);
+					if (entries?.get(key) === entry && entry.current === void 0) entries.delete(key);
 					throw error;
 				});
 			}
 			assertLive(key, entry) {
 				if (this.disposed) throw new Error("ui-conversation image cache was disposed before loading completed");
-				if (this.entries.get(key) !== entry || (this.generations.get(entry.sessionId) ?? 0) !== entry.generation) throw new Error("ui-conversation image scope was released before loading completed");
+				if (this.entries.get(entry.binding)?.get(key) !== entry) throw new Error("ui-conversation image scope was released before loading completed");
 			}
-			bindScope(sessionId, scope) {
-				if (this.scopeDisposers.has(sessionId)) return;
-				const dispose = scope.effect(() => () => {
-					this.scopeDisposers.delete(sessionId);
-					this.release(sessionId);
+			bindScope(binding) {
+				const existing = this.entries.get(binding);
+				if (existing !== void 0) return existing;
+				const entries = /* @__PURE__ */ new Map();
+				this.entries.set(binding, entries);
+				const dispose = binding.ctx.effect(() => () => {
+					this.scopeDisposers.delete(binding);
+					this.release(binding, entries);
 				}, "ui-conversation historical image scope");
-				this.scopeDisposers.set(sessionId, () => {
+				const release = () => {
 					dispose();
-				});
+				};
+				this.scopeDisposers.set(binding, release);
+				return entries;
 			}
-			release(sessionId) {
-				this.generations.set(sessionId, (this.generations.get(sessionId) ?? 0) + 1);
-				for (const [key, entry] of this.entries) {
-					if (entry.sessionId !== sessionId) continue;
-					this.entries.delete(key);
-					if (entry.current !== void 0) this.releaseUrl(entry.current);
-				}
+			release(binding, entries) {
+				if (this.entries.get(binding) === entries) this.entries.delete(binding);
+				for (const entry of entries.values()) if (entry.current !== void 0) this.releaseUrl(entry.current);
+				entries.clear();
 			}
 			releaseUrl(url) {
 				if (!this.urls.delete(url)) return;
@@ -2438,10 +2497,11 @@ window.__ModuleLoader__.load({
 			dispose() {
 				if (this.disposed) return;
 				this.disposed = true;
-				for (const dispose of [...this.scopeDisposers.values()]) dispose();
+				for (const dispose of [...this.scopeDisposers.values]) dispose();
 				this.scopeDisposers.clear();
 				for (const url of this.urls) revokeUrl(url);
 				this.urls.clear();
+				for (const entries of this.entries.values) entries.clear();
 				this.entries.clear();
 			}
 		};
@@ -2574,7 +2634,7 @@ window.__ModuleLoader__.load({
 			events;
 			/** Registry of target View definitions. */
 			views;
-			bindings = /* @__PURE__ */ new Map();
+			bindings = new WeakMapWithValues();
 			images;
 			/**
 			* @param ctx - owning Client context.
@@ -2587,7 +2647,7 @@ window.__ModuleLoader__.load({
 				this.views = new ConversationViewRegistry(ctx);
 				this.images = new HistoricalImageCache(ctx, sessions);
 				const rebuild = () => {
-					for (const record of this.bindings.values()) record.binding.rebuild();
+					for (const record of this.bindings.values) record.binding.rebuild();
 				};
 				let rebuildQueued = false;
 				const scheduleRebuild = () => {
@@ -2604,7 +2664,7 @@ window.__ModuleLoader__.load({
 					return () => {
 						disposeViews();
 						disposeEvents();
-						for (const record of [...this.bindings.values()]) this.drop(record, true);
+						for (const record of [...this.bindings.values]) this.drop(record, true);
 					};
 				}, "ui-conversation assembly");
 			}
@@ -2617,16 +2677,16 @@ window.__ModuleLoader__.load({
 				const sessionId = typeof source === "string" ? source : source.sessionId;
 				const owner = typeof source === "string" ? this.sessions.binding(source) : source;
 				if (owner === void 0) throw new Error(`uiConversation.binding: unknown session "${sessionId}"`);
-				const current = this.bindings.get(owner.sessionId);
-				if (current?.source === owner) return current.binding;
-				if (current !== void 0) this.drop(current, true);
+				if (this.sessions.binding(sessionId) !== owner) throw new Error(`uiConversation.binding: inactive session "${sessionId}"`);
+				const current = this.bindings.get(owner);
+				if (current !== void 0) return current.binding;
 				const binding = new BoundConversation(owner.eventSource, new ConversationNodeAssembler(this.events, this.views));
 				const record = {
 					source: owner,
 					binding,
 					disposeScope: () => {}
 				};
-				this.bindings.set(owner.sessionId, record);
+				this.bindings.set(owner, record);
 				const disposeScope = owner.ctx.effect(() => () => {
 					this.drop(record, false);
 				}, "ui-conversation binding");
@@ -2691,8 +2751,8 @@ window.__ModuleLoader__.load({
 				return inspectRequestPrompt(previous, event, system);
 			}
 			drop(record, releaseScope) {
-				if (this.bindings.get(record.source.sessionId) !== record) return;
-				this.bindings.delete(record.source.sessionId);
+				if (this.bindings.get(record.source) !== record) return;
+				this.bindings.delete(record.source);
 				record.binding.dispose();
 				if (releaseScope) record.disposeScope();
 			}
@@ -3272,22 +3332,6 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
-		//#region lib/types/client/input/queue-store.js
-		/**
-		* Project a session's transient inbox rows as a bare observable (subscribe/getSnapshot).
-		* The wiring layer overlays this onto InputState.queue; the runtime
-		* QueuedMessage and the input-contract QueuedMessage are structurally
-		* identical.
-		* @param session - the resident session face.
-		* @returns the queue read face (snapshot reference stable while the queue is unchanged).
-		*/
-		function queueReadFaceOf(session) {
-			return {
-				getSnapshot: () => session.getSnapshot().queue,
-				subscribe: (fn) => session.subscribe(fn)
-			};
-		}
-		//#endregion
 		//#region lib/types/client/input/machine.js
 		/** Exhaustiveness backstop for the closed InputEvent union. */
 		function unreachable(value) {
@@ -12903,7 +12947,7 @@ window.__ModuleLoader__.load({
 				return old === void 0 || old.occurrenceId !== occ.occurrenceId || old.invalid !== occ.invalid;
 			});
 		}
-		const EMPTY_QUEUE = [];
+		const EMPTY_QUEUE$1 = [];
 		/** No-pipeline lexicon: zero text-ref decorations. */
 		const EMPTY_LEXICON$1 = /* @__PURE__ */ new Map();
 		/**
@@ -12962,6 +13006,7 @@ window.__ModuleLoader__.load({
 			attachmentFlightSeq = 0;
 			/** Attachment-only sends retained until admission settles or scope disposal releases their attachments. */
 			attachmentFlights = /* @__PURE__ */ new Map();
+			unsubscribeInbox;
 			constructor(deps) {
 				this.deps = deps;
 				this.draftEditor = new DraftEditorRuntime({
@@ -12975,7 +13020,7 @@ window.__ModuleLoader__.load({
 				});
 				this.unregister = this.draftEditor.register();
 				this.state = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(this.compose());
-				deps.queue?.subscribe(() => {
+				this.unsubscribeInbox = deps.inbox?.subscribe(() => {
 					this.publish();
 				});
 			}
@@ -13239,6 +13284,15 @@ window.__ModuleLoader__.load({
 				});
 			}
 			/**
+			* Return the keyboard to the composer with the caret it last held. Lexical's
+			* own focus restores its stored selection; a bare DOM focus on the
+			* contenteditable would land the caret at the start instead.
+			*/
+			focus() {
+				this.editor.getRootElement()?.focus({ preventScroll: true });
+				this.editor.focus();
+			}
+			/**
 			* Teardown the shell and return every browser-owned attachment still retained by
 			* the draft or an unsettled default send.
 			* @returns attachment ids the scope disposer must release.
@@ -13253,6 +13307,7 @@ window.__ModuleLoader__.load({
 				}
 				this.disposed = true;
 				this.dispatchRun({ type: "release" });
+				this.unsubscribeInbox?.();
 				this.unregister();
 				this.detachedDrafts.clear();
 				this.failedDetached.clear();
@@ -13553,7 +13608,7 @@ window.__ModuleLoader__.load({
 					phase: core.phase,
 					...core.claim !== void 0 ? { claim: core.claim } : {},
 					occurrences: this.projection.occurrences,
-					queue: this.deps.queue?.getSnapshot() ?? EMPTY_QUEUE
+					queue: this.deps.inbox?.getSnapshot()?.["next-turn"] ?? EMPTY_QUEUE$1
 				};
 			}
 			publish() {
@@ -13571,7 +13626,7 @@ window.__ModuleLoader__.load({
 		var InputHub = class {
 			rootCtx;
 			t;
-			shells = /* @__PURE__ */ new Map();
+			shells = /* @__PURE__ */ new WeakMap();
 			/**
 			* @param ctx - client root context (services resolved lazily per call — boot order stays free).
 			* @param t - conversation-namespace translate thunk (reads the active locale at call time).
@@ -13586,9 +13641,11 @@ window.__ModuleLoader__.load({
 			* @returns the resident per-session facade.
 			*/
 			for(actx) {
-				const id = this.sessions().scopeOf(actx);
-				if (id === void 0) throw new Error("conversation.input.for requires a session scope");
-				return this.shell(id);
+				const sessions = this.sessions();
+				const session = sessions.sessionOf(actx);
+				const binding = session === void 0 ? void 0 : sessions.binding(session.sessionId);
+				if (binding === void 0 || binding.session !== session) throw new Error("conversation.input.for requires a retained Session scope");
+				return this.shellFor(binding);
 			}
 			/**
 			* Resident shell for one session binding — the provide-channel entry
@@ -13599,14 +13656,14 @@ window.__ModuleLoader__.load({
 			* @returns the shell.
 			*/
 			shellFor(binding) {
-				const existing = this.shells.get(binding.sessionId);
+				const existing = this.shells.get(binding);
 				if (existing !== void 0) return existing;
-				const { sessionId: id, session, ctx: actx } = binding;
+				const { session, ctx: actx } = binding;
 				const shell = new SessionInputShell({
 					actx,
 					inputTriggers: () => this.controller(actx),
 					popup: () => this.popup(actx),
-					queue: queueReadFaceOf(session),
+					inbox: session.projections.faceOf("inbox"),
 					defaultSink: (text, attachmentIds, mode, signal) => this.sink(session, text, attachmentIds, mode, signal),
 					steerQueue: () => {
 						this.steerQueue(session, shell);
@@ -13622,7 +13679,7 @@ window.__ModuleLoader__.load({
 						unsupportedNotice: (token) => this.t("command.attachmentsUnsupported", { command: token.trim().replace(/^\//u, "") })
 					}
 				});
-				this.shells.set(id, shell);
+				this.shells.set(binding, shell);
 				actx.effect(() => {
 					const offs = [
 						actx.on("slash/input-begin-command", (req) => shell.beginCommand(req.claim, req.span) ? true : void 0),
@@ -13633,7 +13690,7 @@ window.__ModuleLoader__.load({
 					return () => {
 						for (const off of offs) off();
 						const drafts = shell.dispose();
-						this.shells.delete(id);
+						this.shells.delete(binding);
 						const conversation = this.rootCtx.get("conversation");
 						for (const attachmentId of drafts) conversation?.releaseDraftAttachment(attachmentId);
 					};
@@ -13647,8 +13704,6 @@ window.__ModuleLoader__.load({
 			* @returns the shell.
 			*/
 			shell(id) {
-				const existing = this.shells.get(id);
-				if (existing !== void 0) return existing;
 				const binding = this.sessions().binding(id);
 				if (binding === void 0) throw new Error(`conversation.input: session "${id}" resolved no binding`);
 				return this.shellFor(binding);
@@ -13669,14 +13724,16 @@ window.__ModuleLoader__.load({
 			* @returns whether its mounted composer currently accepts files.
 			*/
 			canPickFiles(id) {
-				return this.shells.get(id)?.canPickFiles() === true;
+				const binding = this.sessions().binding(id);
+				return binding !== void 0 && this.shells.get(binding)?.canPickFiles() === true;
 			}
 			/**
 			* Open the target composer's file dialog under its live intake policy.
 			* @param id - target Session.
 			*/
 			pickFiles(id) {
-				this.shells.get(id)?.pickFiles();
+				const binding = this.sessions().binding(id);
+				if (binding !== void 0) this.shells.get(binding)?.pickFiles();
 			}
 			/**
 			* Resolve the optional slash controller for composer chrome that launches
@@ -13685,8 +13742,8 @@ window.__ModuleLoader__.load({
 			* @returns the resident controller, or undefined when no trigger provider is installed.
 			*/
 			inputTriggers(id) {
-				const actx = this.sessions().scope(id);
-				return actx === void 0 ? void 0 : this.controller(actx);
+				const binding = this.sessions().binding(id);
+				return binding === void 0 ? void 0 : this.controller(binding.ctx);
 			}
 			/**
 			* Default sink: optimistic clear + prompt. The session is always a real
@@ -13711,7 +13768,7 @@ window.__ModuleLoader__.load({
 			* @param shell - the resident shell (notice outlet).
 			*/
 			async steerQueue(session, shell) {
-				const queued = session.getSnapshot().queue.filter((item) => item.placement === "queued");
+				const queued = session.projections.faceOf("inbox").getSnapshot()?.["next-turn"] ?? [];
 				if (queued.length === 0) return;
 				for (const item of queued) {
 					const result = await session.updateQueue(item.id, { kind: "steer" });
@@ -13722,9 +13779,11 @@ window.__ModuleLoader__.load({
 				}
 			}
 			controller(actx) {
+				if (this.sessions().sessionOf(actx) === void 0) return void 0;
 				return this.rootCtx.get("inputTriggers")?.sessionOf(actx);
 			}
 			popup(actx) {
+				if (this.sessions().sessionOf(actx) === void 0) return void 0;
 				return this.rootCtx.get("commandUi")?.popupFor(actx);
 			}
 			sessions() {
@@ -13966,11 +14025,13 @@ window.__ModuleLoader__.load({
 			"queue.remove": "删除排队消息",
 			"queue.steer": "插话发送",
 			"queue.steer.unavailable": "仅运行中可插话发送",
+			"error.sessionInUse": "当前会话已被占用，可能是其他正在运行的 DSH 导致的（如其他 dsh web、桌面端），请退出其他正在运行的 DSH 后重试。",
 			"queue.editFailed": "编辑失败：这条消息可能已经开始发送。",
 			"queue.removeFailed": "删除失败：这条消息可能已经开始发送。",
 			"queue.steerFailed": "插话发送失败，请重试。",
 			"terminal.signal": "信号 {signal}",
 			"terminal.exitCode": "退出码 {code}",
+			"terminal.noExitCode": "未正常退出",
 			"terminal.running": "运行中",
 			"terminal.failed": "失败",
 			"terminal.done": "已完成",
@@ -14122,11 +14183,13 @@ window.__ModuleLoader__.load({
 			"queue.remove": "Remove queued message",
 			"queue.steer": "Steer queued message",
 			"queue.steer.unavailable": "Steering is available only while the agent is running",
+			"error.sessionInUse": "This session is already in use, possibly by another running DSH instance (such as dsh web or the desktop app). Quit other running DSH instances and try again.",
 			"queue.editFailed": "Edit failed: this message may have already started sending.",
 			"queue.removeFailed": "Removal failed: this message may have already started sending.",
 			"queue.steerFailed": "Steering failed. Try again.",
 			"terminal.signal": "signal {signal}",
 			"terminal.exitCode": "exit code {code}",
+			"terminal.noExitCode": "no exit code",
 			"terminal.running": "Running",
 			"terminal.failed": "Failed",
 			"terminal.done": "Done",
@@ -14172,8 +14235,19 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region lib/types/client/queue/QueueDock.js
+		const EMPTY_QUEUE = [];
+		const QUEUE_PREVIEW_CHARS = 200;
+		function previewOf(content) {
+			const flat = content.filter((block) => block.type !== "image" && block.type !== "file").map((block) => block.type === "text" ? block.text : `[${block.type}]`).join(" ").replace(/\s+/g, " ").trim();
+			const chars = Array.from(flat);
+			return chars.length > QUEUE_PREVIEW_CHARS ? `${chars.slice(0, QUEUE_PREVIEW_CHARS).join("")}…` : flat;
+		}
+		function textOf(content) {
+			if (!content.every((block) => block.type === "text")) return null;
+			return content.map((block) => block.text).join("");
+		}
 		/**
-		* Durable references carried by one queued row. Queue frames are wire data
+		* Durable references carried by one queued row. Inbox projections are wire data
 		* despite their typed face, so an image block without a reference is skipped
 		* rather than trusted.
 		* @param content - the row's wire content blocks.
@@ -14251,12 +14325,11 @@ window.__ModuleLoader__.load({
 		* collapsible count header; an empty queue renders nothing. Local submissions
 		* show sending status and disabled actions until their Host queue rows arrive.
 		*/
-		function QueueDock({ useSession, updateQueue, notify, loadImage, t }) {
-			const inbox = useSession((s) => s.queue);
-			const queue = (0, react.useMemo)(() => inbox.filter((row) => row.placement === "queued"), [inbox]);
+		function QueueDock({ useSession, useProjection, updateQueue, notify, loadImage, t }) {
+			const queue = useProjection("inbox")?.["next-turn"] ?? EMPTY_QUEUE;
 			const pendingSubmissions = useSession((s) => s.pendingSubmissions);
 			const pendingQueue = (0, react.useMemo)(() => {
-				const admitted = new Set(queue.flatMap((row) => row.rpcId === void 0 ? [] : [row.rpcId]));
+				const admitted = new Set(queue.flatMap(({ source }) => source.kind === "user" && "rpcId" in source ? [source.rpcId] : []));
 				return pendingSubmissions.filter((submission) => submission.placement === "queued" && !admitted.has(submission.requestId));
 			}, [pendingSubmissions, queue]);
 			const rowCount = queue.length + pendingQueue.length;
@@ -14343,6 +14416,7 @@ window.__ModuleLoader__.load({
 						hidden: !listVisible,
 						children: [listVisible && queue.map((row) => {
 							const attachments = queueAttachments(row.content);
+							const text = textOf(row.content);
 							return (0, react_jsx_runtime.jsxs)("li", {
 								className: QueueDock_module_css_default.row,
 								children: [
@@ -14384,7 +14458,7 @@ window.__ModuleLoader__.load({
 										}, `${item.attachment.attachmentId}:${item.attachment.name}:${index}`))
 									}), (0, react_jsx_runtime.jsx)("span", {
 										className: QueueDock_module_css_default.preview,
-										children: (0, _deepseek_ai_dsh_client_ui_primitives.projectUserText)(row.preview, [])
+										children: (0, _deepseek_ai_dsh_client_ui_primitives.projectUserText)(previewOf(row.content), [])
 									})] }),
 									queueMutable && (0, react_jsx_runtime.jsx)("div", {
 										className: QueueDock_module_css_default.actions,
@@ -14421,17 +14495,17 @@ window.__ModuleLoader__.load({
 												label: t("queue.edit"),
 												side: "bottom",
 												delayMs: 500,
-												disabled: row.text === null,
+												disabled: text === null,
 												children: (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													className: QueueDock_module_css_default.action,
 													"aria-label": t("queue.edit"),
-													title: row.text === null ? t("queue.edit.unsupported") : void 0,
-													disabled: busy !== null || row.text === null,
+													title: text === null ? t("queue.edit.unsupported") : void 0,
+													disabled: busy !== null || text === null,
 													onClick: () => {
-														if (row.text !== null) setEditing({
+														if (text !== null) setEditing({
 															id: row.id,
-															text: row.text
+															text
 														});
 													},
 													children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 })
@@ -14665,6 +14739,237 @@ window.__ModuleLoader__.load({
 			return conversation.activeTargets.size > 0 || !session.blank && !session.awaitingFirstTurn || session.running ? "active" : session.promptAttempted ? "engaging" : "blank";
 		}
 		//#endregion
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-conversation/src/client/skeleton/ConversationRoot.module.css.mjs
+		const css$4 = ".zLYQ6W_root{background:var(--dsw-alias-bg-base);flex-direction:column;min-width:0;height:100%;display:flex;position:relative}.zLYQ6W_header{box-sizing:border-box;border-bottom:.5px solid var(--dsw-alias-border-l3);flex:none;min-height:76px;padding:10px 28px 0 20px}.zLYQ6W_headerBlank{border-bottom:none;min-height:0}.zLYQ6W_headerBlank .zLYQ6W_headerCorner{margin-left:auto}[data-platform=darwin] .zLYQ6W_titleRow{-webkit-app-region:drag}[data-platform=darwin] .zLYQ6W_titleRow button,[data-platform=darwin] .zLYQ6W_titleRow a,[data-platform=darwin] .zLYQ6W_headerLeading,[data-platform=darwin] .zLYQ6W_headerActions,[data-platform=darwin] .zLYQ6W_headerUtilities,[data-platform=darwin] .zLYQ6W_headerCorner{-webkit-app-region:no-drag}.zLYQ6W_titleRow{align-items:center;gap:0;min-height:30px;display:flex}.zLYQ6W_titleCluster{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.zLYQ6W_headerLeading{flex:none;align-items:center;gap:8px;display:flex}.zLYQ6W_headerLeading:empty{display:none}.zLYQ6W_crumbs{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.zLYQ6W_crumbSeg{align-items:center;gap:4px;min-width:0;display:inline-flex}.zLYQ6W_crumbSep{color:var(--dsw-alias-label-caption);font-size:14px;line-height:20px}.zLYQ6W_crumb{max-width:220px;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 8px;font-size:14px;line-height:20px;overflow:hidden}.zLYQ6W_crumbSubagent{font-size:12px;line-height:18px}.zLYQ6W_crumb:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.zLYQ6W_crumbCurrent{color:var(--dsw-alias-label-primary);cursor:default;font-weight:500}.zLYQ6W_headerActions{flex:none;align-items:center;gap:8px;display:flex}.zLYQ6W_headerUtilities{flex:none;align-items:center;gap:8px;margin-left:20px;display:flex}.zLYQ6W_headerUtilities:empty{display:none}.zLYQ6W_headerCorner{flex:none;align-items:center;margin-left:8px;margin-right:-16px;display:flex}.zLYQ6W_headerCorner:empty{display:none}.zLYQ6W_tabs{z-index:1;gap:36px;margin-top:10px;padding-left:8px;display:flex;position:relative}.zLYQ6W_tab{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;padding:0 0 9px;font-size:13px;font-weight:500;line-height:16px;position:relative}.zLYQ6W_tab:after{content:\"\";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.zLYQ6W_tabActive{color:var(--dsw-alias-state-business-primary)}.zLYQ6W_tabActive:after{background:var(--dsw-alias-state-business-primary)}.zLYQ6W_viewArea{flex-direction:column;flex:1;min-height:0;display:flex}.zLYQ6W_widthHandle{z-index:0;width:min(10px, calc((100% - var(--dsh-chat-content-width)) / 2 - 24px - 24px));cursor:col-resize;position:absolute;top:0;bottom:0}.zLYQ6W_widthHandle[data-side=left]{right:calc(50% + var(--dsh-chat-content-width) / 2 + 24px)}.zLYQ6W_widthHandle[data-side=right]{left:calc(50% + var(--dsh-chat-content-width) / 2 + 24px)}.zLYQ6W_widthHandle:after{content:\"\";background:linear-gradient(to bottom, transparent calc(var(--dsh-width-handle-pointer-y,50%) - 36px), var(--dsw-alias-scrollbar-bg-l1) calc(var(--dsh-width-handle-pointer-y,50%) - 8px), var(--dsw-alias-scrollbar-bg-l1) calc(var(--dsh-width-handle-pointer-y,50%) + 8px), transparent calc(var(--dsh-width-handle-pointer-y,50%) + 36px));opacity:0;pointer-events:none;border-radius:2px;width:2px;position:absolute;top:0;bottom:0}.zLYQ6W_widthHandle[data-side=left]:after{right:4px}.zLYQ6W_widthHandle[data-side=right]:after{left:4px}.zLYQ6W_widthHandle:hover:after,.zLYQ6W_widthHandle[data-dragging]:after{opacity:1}.zLYQ6W_widthHandle[data-dragging]{z-index:8}.zLYQ6W_root:has([data-conversation-composer-overlay]) .zLYQ6W_widthHandle{display:none}.zLYQ6W_composerStack{--dsh-composer-stack-gap:6px;gap:var(--dsh-composer-stack-gap);flex-direction:column;display:flex}.zLYQ6W_composerSeat{--dsh-composer-text-max-height:336px;flex-direction:column;flex:none;display:flex}.zLYQ6W_root[data-phase=active]{overflow:hidden}.zLYQ6W_root[data-phase=active] .zLYQ6W_header{flex:none}.zLYQ6W_body{--dsh-chat-content-width:var(--dsh-chat-user-width,clamp(680px, calc(var(--dsh-conversation-column-width,0px) * .64), 920px));--dsh-composer-card-max-width:calc(var(--dsh-chat-content-width) + 32px);--dsh-composer-side-clearance:16px;--dsh-composer-dock-inset:8px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.zLYQ6W_embeddedBody{--dsh-chat-content-width:min(calc(100% - 32px), 920px);--dsh-composer-card-max-width:min(calc(100% - 16px), 952px);--dsh-composer-side-clearance:8px;--dsh-composer-dock-inset:8px;overflow:hidden}.zLYQ6W_scrollBody{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;margin-right:2px;display:flex;overflow-y:auto}.zLYQ6W_scrollBody::-webkit-scrollbar-track{margin:2px}.zLYQ6W_root[data-phase=active] .zLYQ6W_viewArea,.zLYQ6W_embeddedBody[data-content-phase=active] .zLYQ6W_viewArea{flex:1 0 auto;min-height:auto}.zLYQ6W_root[data-phase=active] .zLYQ6W_composerSeat,.zLYQ6W_embeddedBody[data-content-phase=active] .zLYQ6W_composerSeat{z-index:7;background:linear-gradient(180deg, color-mix(in srgb, var(--dsw-alias-bg-base) 0%, transparent) 0px, var(--dsw-alias-bg-base) 36px);position:sticky;bottom:0}.zLYQ6W_root[data-phase=active] .zLYQ6W_composerSeat:has([data-trigger-menu]){z-index:9}.zLYQ6W_scrollBody:has([data-conversation-composer-overlay]){scrollbar-gutter:auto;position:relative;overflow:hidden auto}.zLYQ6W_scrollBody:has([data-conversation-composer-overlay])>[data-slot=conversation\\.session]>.zLYQ6W_viewArea{flex:1 1 0;min-height:0;overflow:hidden}.zLYQ6W_scrollBody:has([data-conversation-composer-overlay])>.zLYQ6W_composerSeat{right:var(--dsh-scrollbar-width);position:absolute;bottom:0;left:0}.zLYQ6W_composerHero{width:min(calc(var(--dsh-composer-card-max-width) + 2 * var(--dsh-composer-side-clearance)), 100%);z-index:1;align-self:center;gap:8px;padding-bottom:32px}.zLYQ6W_heroWorkspaceRow{align-items:center;gap:2px;min-width:0;margin-top:4px;padding:0 16px 0 20px;display:flex}.zLYQ6W_root[data-phase=hero] .zLYQ6W_scrollBody,.zLYQ6W_embeddedBody[data-content-phase=hero] .zLYQ6W_scrollBody{justify-content:center;overflow-y:auto}.zLYQ6W_root[data-phase=settling] .zLYQ6W_composerSeat,.zLYQ6W_embeddedBody[data-content-phase=settling] .zLYQ6W_composerSeat{visibility:hidden}";
+		const tagId$4 = "@deepseek-ai/dsh-client-ui-conversation/ConversationRoot.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-conversation";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		var ConversationRoot_module_css_default = {
+			"body": "zLYQ6W_body",
+			"composerHero": "zLYQ6W_composerHero",
+			"composerSeat": "zLYQ6W_composerSeat",
+			"composerStack": "zLYQ6W_composerStack",
+			"crumb": "zLYQ6W_crumb",
+			"crumbCurrent": "zLYQ6W_crumbCurrent",
+			"crumbSeg": "zLYQ6W_crumbSeg",
+			"crumbSep": "zLYQ6W_crumbSep",
+			"crumbSubagent": "zLYQ6W_crumbSubagent",
+			"crumbs": "zLYQ6W_crumbs",
+			"embeddedBody": "zLYQ6W_embeddedBody",
+			"header": "zLYQ6W_header",
+			"headerActions": "zLYQ6W_headerActions",
+			"headerBlank": "zLYQ6W_headerBlank",
+			"headerCorner": "zLYQ6W_headerCorner",
+			"headerLeading": "zLYQ6W_headerLeading",
+			"headerUtilities": "zLYQ6W_headerUtilities",
+			"heroWorkspaceRow": "zLYQ6W_heroWorkspaceRow",
+			"root": "zLYQ6W_root",
+			"scrollBody": "zLYQ6W_scrollBody",
+			"tab": "zLYQ6W_tab",
+			"tabActive": "zLYQ6W_tabActive",
+			"tabs": "zLYQ6W_tabs",
+			"titleCluster": "zLYQ6W_titleCluster",
+			"titleRow": "zLYQ6W_titleRow",
+			"viewArea": "zLYQ6W_viewArea",
+			"widthHandle": "zLYQ6W_widthHandle"
+		};
+		//#endregion
+		//#region lib/types/client/skeleton/ConversationWidthControls.js
+		/** localStorage key for the dragged transcript width preference (px). */
+		const WIDTH_PREF_KEY = "dsh.conversation.contentWidth";
+		/** Floor for a dragged content width; matches the layout center-column minimum. */
+		const CONTENT_MIN = 640;
+		/** Horizontal room reserved for both handles and their safe edge zones. */
+		const CONTENT_EDGE_BUDGET = 176;
+		const WHEEL_DELTA_LINE = 1;
+		const WHEEL_DELTA_PAGE = 2;
+		const FALLBACK_WHEEL_LINE_PX = 16;
+		/** Read a valid persisted width preference, or null when absent or corrupt. */
+		function readWidthPreference() {
+			const raw = localStorage.getItem(WIDTH_PREF_KEY);
+			if (raw === null) return null;
+			const value = Number(raw);
+			return Number.isFinite(value) && value > 0 ? value : null;
+		}
+		/** Resolve the width displayed for one measured Conversation column. */
+		function resolveContentWidth(columnWidth, preference) {
+			const max = Math.max(CONTENT_MIN, columnWidth - CONTENT_EDGE_BUDGET);
+			if (preference !== null) return Math.min(Math.max(preference, CONTENT_MIN), max);
+			return Math.max(680, Math.min(columnWidth * .64, 920));
+		}
+		/** Convert a wheel event's vertical delta to scrollport pixels. */
+		function wheelDeltaY(event, scrollport) {
+			if (event.deltaMode === WHEEL_DELTA_LINE) {
+				const lineHeight = Number.parseFloat(getComputedStyle(scrollport).lineHeight);
+				return event.deltaY * (Number.isFinite(lineHeight) ? lineHeight : FALLBACK_WHEEL_LINE_PX);
+			}
+			if (event.deltaMode === WHEEL_DELTA_PAGE) return event.deltaY * scrollport.clientHeight;
+			return event.deltaY;
+		}
+		/** One pointer-captured transcript width handle. */
+		function WidthHandle(props) {
+			const [dragging, setDragging] = (0, react.useState)(false);
+			const base = (0, react.useRef)(0);
+			const origin = (0, react.useRef)(0);
+			const latest = (0, react.useRef)(0);
+			const frame = (0, react.useRef)(null);
+			const callbacks = (0, react.useRef)(props);
+			callbacks.current = props;
+			const outwardWidth = () => {
+				const dx = latest.current - origin.current;
+				const outward = callbacks.current.side === "right" ? dx : -dx;
+				return base.current + outward * 2;
+			};
+			const cancelFrame = () => {
+				if (frame.current !== null) {
+					cancelAnimationFrame(frame.current);
+					frame.current = null;
+				}
+			};
+			const onPointerDown = (0, react.useCallback)((event) => {
+				if (event.button !== 0) return;
+				event.preventDefault();
+				event.currentTarget.setPointerCapture(event.pointerId);
+				origin.current = event.clientX;
+				latest.current = event.clientX;
+				base.current = callbacks.current.onStart();
+				setDragging(true);
+			}, []);
+			const onPointerMove = (0, react.useCallback)((event) => {
+				const box = event.currentTarget.getBoundingClientRect();
+				event.currentTarget.style.setProperty("--dsh-width-handle-pointer-y", `${event.clientY - box.top}px`);
+				if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;
+				latest.current = event.clientX;
+				frame.current ??= requestAnimationFrame(() => {
+					frame.current = null;
+					callbacks.current.onDrag(outwardWidth());
+				});
+			}, []);
+			const onPointerUp = (0, react.useCallback)((event) => {
+				if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;
+				event.currentTarget.releasePointerCapture(event.pointerId);
+				cancelFrame();
+				latest.current = event.clientX;
+				if (latest.current !== origin.current) callbacks.current.onCommit(outwardWidth());
+				setDragging(false);
+				callbacks.current.onEnd();
+			}, []);
+			const onPointerCancel = (0, react.useCallback)(() => {
+				cancelFrame();
+				setDragging(false);
+				callbacks.current.onEnd();
+			}, []);
+			const onWheel = (0, react.useCallback)((event) => {
+				const body = event.currentTarget.parentElement;
+				/* v8 ignore next -- a width handle renders only inside the Conversation body. */
+				if (body === null) return;
+				const scrollport = body.querySelector(":scope > [data-conversation-scroll]");
+				/* v8 ignore next -- the Conversation body always contains its direct scroll element. */
+				if (scrollport === null) return;
+				if (event.ctrlKey || event.deltaY === 0) return;
+				scrollport.scrollBy({ top: wheelDeltaY(event, scrollport) });
+			}, []);
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: ConversationRoot_module_css_default.widthHandle,
+				"data-side": props.side,
+				"data-width-handle": props.side,
+				"data-dragging": dragging || void 0,
+				onPointerDown,
+				onPointerMove,
+				onPointerUp,
+				onPointerCancel,
+				onLostPointerCapture: onPointerCancel,
+				onWheel
+			});
+		}
+		/**
+		* Install the main Conversation width axis and render its drag handles.
+		* @param props - Mounted Conversation body and current presentation phase.
+		* @returns two active-phase width handles, or no controls outside the active phase.
+		*/
+		function ConversationWidthControls({ container, phase }) {
+			const publishWidths = (0, react.useCallback)((container) => {
+				const target = container.parentElement ?? container;
+				const column = container.offsetWidth;
+				target.style.setProperty("--dsh-conversation-column-width", `${column}px`);
+				const preference = readWidthPreference();
+				if (preference === null) target.style.removeProperty("--dsh-chat-user-width");
+				else target.style.setProperty("--dsh-chat-user-width", `${resolveContentWidth(column, preference)}px`);
+			}, []);
+			(0, react.useLayoutEffect)(() => {
+				if (container === null) return;
+				const observer = new ResizeObserver(() => {
+					publishWidths(container);
+				});
+				observer.observe(container);
+				publishWidths(container);
+				return () => {
+					observer.disconnect();
+				};
+			}, [container, publishWidths]);
+			const onStart = (0, react.useCallback)(() => {
+				if (container === null) return 680;
+				return resolveContentWidth(container.offsetWidth, readWidthPreference());
+			}, [container]);
+			const onDrag = (0, react.useCallback)((width) => {
+				if (container === null) return;
+				(container.parentElement ?? container).style.setProperty("--dsh-chat-user-width", `${resolveContentWidth(container.offsetWidth, width)}px`);
+			}, [container]);
+			const onCommit = (0, react.useCallback)((width) => {
+				if (container === null) return;
+				localStorage.setItem(WIDTH_PREF_KEY, `${resolveContentWidth(container.offsetWidth, width)}`);
+			}, [container]);
+			const onEnd = (0, react.useCallback)(() => {
+				if (container !== null) publishWidths(container);
+			}, [container, publishWidths]);
+			if (container === null || phase !== "active") return null;
+			return ["left", "right"].map((side) => (0, react_jsx_runtime.jsx)(WidthHandle, {
+				side,
+				onStart,
+				onDrag,
+				onCommit,
+				onEnd
+			}, side));
+		}
+		//#endregion
+		//#region lib/types/client/skeleton/ConversationMainPanel.js
+		/**
+		* Render the existing main Conversation frame around the extracted content.
+		* @param props - the original `main.conversation` Slot props.
+		* @returns the unchanged root, Header, content, and width-control subtree.
+		*/
+		function ConversationMainPanel(props) {
+			const { sessionId, useSession, useSessions, useConversation, renderSlot, renderFactorySlot } = props;
+			const session = useSession((s) => s);
+			const conversation = useConversation((s) => s);
+			const shellPhase = session === void 0 || conversation === void 0 ? "blank" : conversationPhase(session, conversation);
+			const openState = session?.openState;
+			const summaryBlank = useSessions((s) => sessionId === void 0 ? void 0 : s.byId[sessionId]?.blank);
+			const parentAvailabilityPending = session?.subagent?.address.mode === "continuable" && session.subagent.parentAvailable === void 0;
+			const settling = sessionId !== void 0 && (shellPhase === "blank" && openState === "loading" && summaryBlank !== true || parentAvailabilityPending);
+			const hero = sessionId === void 0 || shellPhase === "blank" && (openState === "open" || summaryBlank === true);
+			const phase = settling ? "settling" : hero ? "hero" : "active";
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ConversationRoot_module_css_default.root,
+				"data-phase": phase,
+				children: [sessionId === void 0 ? null : renderSlot("conversation.session.header", {}), renderFactorySlot("conversation.content", {
+					variant: "main",
+					phase,
+					hero
+				}, { slots: { widthControls: ConversationWidthControls } })]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/skeleton/ConversationRoot.js
+		function ConversationRoot(props) {
+			return (0, react_jsx_runtime.jsx)(ConversationMainPanel, { ...props });
+		}
+		//#endregion
 		//#region ../../util/workspace-path/src/index.ts
 		/**
 		* Read the final non-empty segment of a Workspace path for display.
@@ -14679,13 +14984,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-conversation/src/client/skeleton/HeroShell.module.css.mjs
-		const css$4 = ".WtYF4q_root{justify-content:center;align-items:center;min-width:0;height:100%;padding:0 24px;display:flex}.WtYF4q_stack{width:100%;max-width:var(--dsh-composer-card-max-width);flex-direction:column;align-items:stretch;gap:12px;display:flex;overflow:visible}.WtYF4q_headline{color:var(--dsw-alias-label-primary);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 10px;font-size:26px;font-weight:500;line-height:32px;display:flex}.WtYF4q_titleGroup{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 7px;min-width:0;display:flex}.WtYF4q_previewBadge{border:.5px solid var(--dsw-alias-interactive-bg-hover);background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-label-primary-bluish);font-family:var(--ds-font-family-code);white-space:nowrap;border-radius:24px;align-self:flex-start;margin-top:2px;padding:1px 7px 0;font-size:12px;font-weight:500;line-height:18px}.WtYF4q_fishHitbox{flex:none;justify-content:center;align-items:center;display:inline-flex}.WtYF4q_fish{transform-origin:50% 60%;color:var(--dsw-alias-label-primary);display:block;overflow:visible}@keyframes WtYF4q_hero-fish-swim{0%,to{transform:none}35%{transform:rotate(-4deg)translate(-.4px,-.9px)}70%{transform:rotate(1.6deg)translate(.3px,.2px)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.WtYF4q_fishHitbox:hover .WtYF4q_fish{animation:1.6s ease-in-out infinite WtYF4q_hero-fish-swim}}.WtYF4q_body{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative;overflow:visible}.WtYF4q_body>*{z-index:1;position:relative}.WtYF4q_body>.WtYF4q_workspaceRow{z-index:10;align-items:center;min-width:0;padding-left:8px;display:flex}.WtYF4q_workspace{max-width:min(100%,360px);min-height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.WtYF4q_workspace:not(:disabled):hover,.WtYF4q_workspace[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}.WtYF4q_workspace:disabled{cursor:default}.WtYF4q_folder{color:var(--dsw-alias-label-primary);flex:none}.WtYF4q_workspaceLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.WtYF4q_chevron{color:var(--dsw-alias-label-caption);flex:none}.WtYF4q_modalInput{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);width:100%;height:44px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:22px;outline:none;padding:7px 14px;font-size:14px;font-weight:400;line-height:22px}.WtYF4q_modalInput::placeholder{color:var(--dsw-alias-label-caption)}.WtYF4q_modalInput:disabled{color:var(--dsw-alias-label-dimmed)}.WtYF4q_modalAction{min-width:72px}.WtYF4q_modalError{color:var(--dsw-alias-state-error-primary);margin-top:8px;font-size:12px;line-height:18px}";
-		const tagId$4 = "@deepseek-ai/dsh-client-ui-conversation/HeroShell.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+		const css$3 = ".WtYF4q_root{justify-content:center;align-items:center;min-width:0;height:100%;padding:0 24px;display:flex}.WtYF4q_stack{width:100%;max-width:var(--dsh-composer-card-max-width);flex-direction:column;align-items:stretch;gap:12px;display:flex;overflow:visible}.WtYF4q_headline{color:var(--dsw-alias-label-primary);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 10px;font-size:26px;font-weight:500;line-height:32px;display:flex}.WtYF4q_titleGroup{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 7px;min-width:0;display:flex}.WtYF4q_previewBadge{border:.5px solid var(--dsw-alias-interactive-bg-hover);background:var(--dsw-alias-state-business-tertiary);color:var(--dsw-alias-label-primary-bluish);font-family:var(--ds-font-family-code);white-space:nowrap;border-radius:24px;align-self:flex-start;margin-top:2px;padding:1px 7px 0;font-size:12px;font-weight:500;line-height:18px}.WtYF4q_fishHitbox{flex:none;justify-content:center;align-items:center;display:inline-flex}.WtYF4q_fish{transform-origin:50% 60%;color:var(--dsw-alias-label-primary);display:block;overflow:visible}@keyframes WtYF4q_hero-fish-swim{0%,to{transform:none}35%{transform:rotate(-4deg)translate(-.4px,-.9px)}70%{transform:rotate(1.6deg)translate(.3px,.2px)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.WtYF4q_fishHitbox:hover .WtYF4q_fish{animation:1.6s ease-in-out infinite WtYF4q_hero-fish-swim}}.WtYF4q_body{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative;overflow:visible}.WtYF4q_body>*{z-index:1;position:relative}.WtYF4q_body>.WtYF4q_workspaceRow{z-index:10;align-items:center;min-width:0;padding-left:8px;display:flex}.WtYF4q_workspace{max-width:min(100%,360px);min-height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.WtYF4q_workspace:not(:disabled):hover,.WtYF4q_workspace[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}.WtYF4q_workspace:disabled{cursor:default}.WtYF4q_folder{color:var(--dsw-alias-label-primary);flex:none}.WtYF4q_workspaceLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.WtYF4q_chevron{color:var(--dsw-alias-label-caption);flex:none}.WtYF4q_modalInput{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);width:100%;height:44px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:22px;outline:none;padding:7px 14px;font-size:14px;font-weight:400;line-height:22px}.WtYF4q_modalInput::placeholder{color:var(--dsw-alias-label-caption)}.WtYF4q_modalInput:disabled{color:var(--dsw-alias-label-dimmed)}.WtYF4q_modalAction{min-width:72px}.WtYF4q_modalError{color:var(--dsw-alias-state-error-primary);margin-top:8px;font-size:12px;line-height:18px}";
+		const tagId$3 = "@deepseek-ai/dsh-client-ui-conversation/HeroShell.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-conversation";
-			tag.dataset.pluginCss = tagId$4;
-			tag.textContent = css$4;
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
 			document.head.appendChild(tag);
 		}
 		var HeroShell_module_css_default = {
@@ -14831,120 +15136,25 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-conversation/src/client/skeleton/ConversationRoot.module.css.mjs
-		const css$3 = ".zLYQ6W_root{background:var(--dsw-alias-bg-base);--dsh-chat-content-width:var(--dsh-chat-user-width,clamp(680px, calc(var(--dsh-conversation-column-width,0px) * .64), 920px));--dsh-composer-card-max-width:calc(var(--dsh-chat-content-width) + 32px);--dsh-composer-side-clearance:16px;--dsh-composer-dock-inset:8px;flex-direction:column;min-width:0;height:100%;display:flex;position:relative}.zLYQ6W_header{box-sizing:border-box;border-bottom:.5px solid var(--dsw-alias-border-l3);flex:none;min-height:76px;padding:10px 28px 0 20px}.zLYQ6W_headerHidden{display:none}.zLYQ6W_titleRow{align-items:center;gap:0;min-height:30px;display:flex}.zLYQ6W_titleCluster{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.zLYQ6W_crumbs{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.zLYQ6W_crumbSeg{align-items:center;gap:4px;min-width:0;display:inline-flex}.zLYQ6W_crumbSep{color:var(--dsw-alias-label-caption);font-size:14px;line-height:20px}.zLYQ6W_crumb{max-width:220px;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 8px;font-size:14px;line-height:20px;overflow:hidden}.zLYQ6W_crumbSubagent{font-size:12px;line-height:18px}.zLYQ6W_crumb:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.zLYQ6W_crumbCurrent{color:var(--dsw-alias-label-primary);cursor:default;font-weight:500}.zLYQ6W_headerActions{flex:none;align-items:center;gap:8px;display:flex}.zLYQ6W_headerUtilities{flex:none;align-items:center;gap:8px;margin-left:20px;display:flex}.zLYQ6W_headerUtilities:empty{display:none}.zLYQ6W_headerCorner{flex:none;align-items:center;margin-left:8px;margin-right:-16px;display:flex}.zLYQ6W_headerCorner:empty{display:none}.zLYQ6W_tabs{z-index:1;gap:36px;margin-top:10px;padding-left:8px;display:flex;position:relative}.zLYQ6W_tab{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;padding:0 0 9px;font-size:13px;font-weight:500;line-height:16px;position:relative}.zLYQ6W_tab:after{content:\"\";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.zLYQ6W_tabActive{color:var(--dsw-alias-state-business-primary)}.zLYQ6W_tabActive:after{background:var(--dsw-alias-state-business-primary)}.zLYQ6W_viewArea{flex-direction:column;flex:1;min-height:0;display:flex}.zLYQ6W_widthHandle{z-index:8;width:min(40px, calc((100% - var(--dsh-chat-content-width)) / 2 - 24px - 24px));cursor:col-resize;position:absolute;top:0;bottom:0}.zLYQ6W_widthHandle[data-side=left]{right:calc(50% + var(--dsh-chat-content-width) / 2 + 24px)}.zLYQ6W_widthHandle[data-side=right]{left:calc(50% + var(--dsh-chat-content-width) / 2 + 24px)}.zLYQ6W_widthHandle:after{content:\"\";background:linear-gradient(to bottom, transparent calc(var(--dsh-width-handle-pointer-y,50%) - 52px), var(--dsw-alias-scrollbar-hover-l1) calc(var(--dsh-width-handle-pointer-y,50%) - 12px), var(--dsw-alias-scrollbar-hover-l1) calc(var(--dsh-width-handle-pointer-y,50%) + 12px), transparent calc(var(--dsh-width-handle-pointer-y,50%) + 52px));opacity:0;pointer-events:none;border-radius:3px;width:3px;position:absolute;top:0;bottom:0}.zLYQ6W_widthHandle[data-side=left]:after{right:16px}.zLYQ6W_widthHandle[data-side=right]:after{left:16px}.zLYQ6W_widthHandle:hover:after,.zLYQ6W_widthHandle[data-dragging]:after{opacity:1}.zLYQ6W_root:has([data-conversation-composer-overlay]) .zLYQ6W_widthHandle{display:none}.zLYQ6W_composerStack{--dsh-composer-stack-gap:6px;gap:var(--dsh-composer-stack-gap);flex-direction:column;display:flex}.zLYQ6W_composerSeat{--dsh-composer-text-max-height:336px;flex-direction:column;flex:none;display:flex}.zLYQ6W_root[data-phase=active]{overflow:hidden}.zLYQ6W_root[data-phase=active] .zLYQ6W_header{flex:none}.zLYQ6W_body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.zLYQ6W_scrollBody{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;margin-right:2px;display:flex;overflow-y:auto}.zLYQ6W_scrollBody::-webkit-scrollbar-track{margin:2px}.zLYQ6W_root[data-phase=active] .zLYQ6W_viewArea{flex:1 0 auto;min-height:auto}.zLYQ6W_root[data-phase=active] .zLYQ6W_composerSeat{z-index:7;background:linear-gradient(180deg, color-mix(in srgb, var(--dsw-alias-bg-base) 0%, transparent) 0px, var(--dsw-alias-bg-base) 36px);position:sticky;bottom:0}.zLYQ6W_root[data-phase=active] .zLYQ6W_composerSeat:has([data-trigger-menu]){z-index:9}.zLYQ6W_scrollBody:has([data-conversation-composer-overlay]){scrollbar-gutter:auto;position:relative;overflow:hidden auto}.zLYQ6W_scrollBody:has([data-conversation-composer-overlay])>[data-slot=conversation\\.session]>.zLYQ6W_viewArea{flex:1 1 0;min-height:0;overflow:hidden}.zLYQ6W_scrollBody:has([data-conversation-composer-overlay])>.zLYQ6W_composerSeat{right:var(--dsh-scrollbar-width);position:absolute;bottom:0;left:0}.zLYQ6W_composerHero{width:min(calc(var(--dsh-composer-card-max-width) + 2 * var(--dsh-composer-side-clearance)), 100%);z-index:1;align-self:center;gap:8px;padding-bottom:32px}.zLYQ6W_heroWorkspaceRow{align-items:center;gap:2px;min-width:0;margin-top:4px;padding:0 16px 0 20px;display:flex}.zLYQ6W_root[data-phase=hero] .zLYQ6W_scrollBody{justify-content:center;overflow-y:auto}.zLYQ6W_root[data-phase=settling] .zLYQ6W_composerSeat{visibility:hidden}";
-		const tagId$3 = "@deepseek-ai/dsh-client-ui-conversation/ConversationRoot.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-conversation";
-			tag.dataset.pluginCss = tagId$3;
-			tag.textContent = css$3;
-			document.head.appendChild(tag);
-		}
-		var ConversationRoot_module_css_default = {
-			"body": "zLYQ6W_body",
-			"composerHero": "zLYQ6W_composerHero",
-			"composerSeat": "zLYQ6W_composerSeat",
-			"composerStack": "zLYQ6W_composerStack",
-			"crumb": "zLYQ6W_crumb",
-			"crumbCurrent": "zLYQ6W_crumbCurrent",
-			"crumbSeg": "zLYQ6W_crumbSeg",
-			"crumbSep": "zLYQ6W_crumbSep",
-			"crumbSubagent": "zLYQ6W_crumbSubagent",
-			"crumbs": "zLYQ6W_crumbs",
-			"header": "zLYQ6W_header",
-			"headerActions": "zLYQ6W_headerActions",
-			"headerCorner": "zLYQ6W_headerCorner",
-			"headerHidden": "zLYQ6W_headerHidden",
-			"headerUtilities": "zLYQ6W_headerUtilities",
-			"heroWorkspaceRow": "zLYQ6W_heroWorkspaceRow",
-			"root": "zLYQ6W_root",
-			"scrollBody": "zLYQ6W_scrollBody",
-			"tab": "zLYQ6W_tab",
-			"tabActive": "zLYQ6W_tabActive",
-			"tabs": "zLYQ6W_tabs",
-			"titleCluster": "zLYQ6W_titleCluster",
-			"titleRow": "zLYQ6W_titleRow",
-			"viewArea": "zLYQ6W_viewArea",
-			"widthHandle": "zLYQ6W_widthHandle"
-		};
-		//#endregion
 		//#region lib/types/client/skeleton/ConversationContent.js
-		/** One transcript width handle: pointer capture + rAF-throttled symmetric
-		* resize (both sides write the one centered width, so outward travel widens
-		* by 2× the pointer distance). pointermove publishes the pointer's Y as a CSS
-		* variable so the glow indicator rides it. Mirrors ui-layout AppFrame's
-		* DragHandle capture model. */
-		function WidthHandle(props) {
-			const [dragging, setDragging] = (0, react.useState)(false);
-			const base = (0, react.useRef)(0);
-			const origin = (0, react.useRef)(0);
-			const latest = (0, react.useRef)(0);
-			const frame = (0, react.useRef)(null);
-			const callbacks = (0, react.useRef)(props);
-			callbacks.current = props;
-			const outwardWidth = () => {
-				const dx = latest.current - origin.current;
-				const outward = callbacks.current.side === "right" ? dx : -dx;
-				return base.current + outward * 2;
-			};
-			const cancelFrame = () => {
-				if (frame.current !== null) {
-					cancelAnimationFrame(frame.current);
-					frame.current = null;
-				}
-			};
-			const onPointerDown = (0, react.useCallback)((e) => {
-				e.preventDefault();
-				e.currentTarget.setPointerCapture(e.pointerId);
-				origin.current = e.clientX;
-				latest.current = e.clientX;
-				base.current = callbacks.current.onStart();
-				setDragging(true);
-			}, []);
-			const onPointerMove = (0, react.useCallback)((e) => {
-				const box = e.currentTarget.getBoundingClientRect();
-				e.currentTarget.style.setProperty("--dsh-width-handle-pointer-y", `${e.clientY - box.top}px`);
-				if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;
-				latest.current = e.clientX;
-				frame.current ??= requestAnimationFrame(() => {
-					frame.current = null;
-					callbacks.current.onDrag(outwardWidth());
-				});
-			}, []);
-			const onPointerUp = (0, react.useCallback)((e) => {
-				if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;
-				e.currentTarget.releasePointerCapture(e.pointerId);
-				cancelFrame();
-				latest.current = e.clientX;
-				if (latest.current !== origin.current) callbacks.current.onCommit(outwardWidth());
-				setDragging(false);
-				callbacks.current.onEnd();
-			}, []);
-			const onPointerCancel = (0, react.useCallback)(() => {
-				cancelFrame();
-				setDragging(false);
-				callbacks.current.onEnd();
-			}, []);
-			return (0, react_jsx_runtime.jsx)("div", {
-				className: ConversationRoot_module_css_default.widthHandle,
-				"data-side": props.side,
-				"data-width-handle": props.side,
-				"data-dragging": dragging || void 0,
-				onPointerDown,
-				onPointerMove,
-				onPointerUp,
-				onPointerCancel,
-				onLostPointerCapture: onPointerCancel
-			});
+		function ConversationSessionView({ renderSlot }) {
+			return renderSlot("conversation.session", {});
+		}
+		function NoConversationWidthControls() {
+			return null;
 		}
 		/**
-		* Render the existing Conversation body, Composer, and width handles.
-		* @param props - original Conversation seats plus MainPanel-derived phase and width callbacks.
-		* @returns the unchanged Conversation body subtree.
+		* Render the shared Conversation body and its occurrence-selected local Components.
+		* @param props - Factory input, standard Session sources, and Conversation seats.
+		* @returns the Conversation view, Composer, and optional width controls.
 		*/
-		function ConversationContent({ sessionId, session, phase, hero, useSessions, useSessionPendingInteraction, useWorkspaces, useInput, useComposerBlock, renderSlot, renderSlotChain, selectWorkspace, t, onHandleStart, onHandleDrag, onHandleCommit, onHandleEnd }) {
-			const pendingInteraction = useSessionPendingInteraction((snapshot) => sessionId === void 0 ? void 0 : snapshot.get(sessionId));
+		function ConversationContent(props) {
+			const { sessionId, phase, hero, useSession, useSessions, useSessionStatus, useWorkspaces, useInput, useComposerBlock, renderSlot, renderSlotChain, selectWorkspace, t, useFactorySlot } = props;
+			const session = useSession((snapshot) => snapshot);
+			const Views = useFactorySlot("views", ConversationSessionView);
+			const WidthControls = useFactorySlot("widthControls", NoConversationWidthControls);
+			const [body, setBody] = (0, react.useState)(null);
+			const pendingInteraction = useSessionStatus((snapshot) => sessionId === void 0 ? void 0 : snapshot.get(sessionId)?.pendingInteraction);
 			const inputState = useInput((s) => s);
 			const cwd = useSessions((s) => sessionId === void 0 ? void 0 : s.byId[sessionId]?.cwd);
 			const workspaces = useWorkspaces((s) => s);
@@ -15054,130 +15264,21 @@ window.__ModuleLoader__.load({
 				children: composer
 			});
 			return (0, react_jsx_runtime.jsxs)("div", {
-				className: ConversationRoot_module_css_default.body,
+				ref: setBody,
+				className: clsx(ConversationRoot_module_css_default.body, props.variant === "embedded" && ConversationRoot_module_css_default.embeddedBody),
+				"data-conversation-content": "",
+				"data-content-phase": phase,
 				children: [(0, react_jsx_runtime.jsxs)("div", {
 					className: ConversationRoot_module_css_default.scrollBody,
 					"data-conversation-scroll": "",
-					children: [sessionId === void 0 ? null : renderSlot("conversation.session", {}), composerSeat]
-				}), phase === "active" && ["left", "right"].map((side) => (0, react_jsx_runtime.jsx)(WidthHandle, {
-					side,
-					onStart: onHandleStart,
-					onDrag: onHandleDrag,
-					onCommit: onHandleCommit,
-					onEnd: onHandleEnd
-				}, side))]
-			});
-		}
-		//#endregion
-		//#region lib/types/client/skeleton/ConversationMainPanel.js
-		/** localStorage key for the dragged transcript width preference (px). */
-		const WIDTH_PREF_KEY = "dsh.conversation.contentWidth";
-		/** Floor for a dragged content width; matches the layout center-column minimum. */
-		const CONTENT_MIN = 640;
-		/** Column budget the content must leave free: 88px per side keeps the width
-		* handles fully placeable (24px inset + 40px strip + 24px safe zone) — a
-		* larger dragged width would push its own handles off the column and leave no
-		* way to drag back. */
-		const CONTENT_EDGE_BUDGET = 176;
-		/** Reads the persisted width preference; durable-storage boundary, so a
-		* missing or corrupt value resolves to "no preference".
-		* @returns the stored width in px, or null when unset or invalid. */
-		function readWidthPreference() {
-			const raw = localStorage.getItem(WIDTH_PREF_KEY);
-			if (raw === null) return null;
-			const value = Number(raw);
-			return Number.isFinite(value) && value > 0 ? value : null;
-		}
-		/** Resolves the content width the CSS axis would show for a column width.
-		* @param columnWidth - the conversation column's rendered width in px.
-		* @param preference - the dragged preference, or null for the adaptive clamp.
-		* @returns the resolved content width in px (mirrors the CSS clamp). */
-		function resolveContentWidth(columnWidth, preference) {
-			const max = Math.max(CONTENT_MIN, columnWidth - CONTENT_EDGE_BUDGET);
-			if (preference !== null) return Math.min(Math.max(preference, CONTENT_MIN), max);
-			return Math.max(680, Math.min(columnWidth * .64, 920));
-		}
-		/**
-		* Render the existing main Conversation frame around the extracted content.
-		* @param props - the original `main.conversation` Slot props.
-		* @returns the unchanged root, Header, content, and width-control subtree.
-		*/
-		function ConversationMainPanel(props) {
-			const { sessionId, useSession, useSessions, useConversation, renderSlot } = props;
-			const session = useSession((s) => s);
-			const conversation = useConversation((s) => s);
-			const shellPhase = session === void 0 || conversation === void 0 ? "blank" : conversationPhase(session, conversation);
-			const openState = session?.openState;
-			const summaryBlank = useSessions((s) => sessionId === void 0 ? void 0 : s.byId[sessionId]?.blank);
-			const rootEl = (0, react.useRef)(null);
-			const rootObserver = (0, react.useRef)(null);
-			const publishWidths = (0, react.useCallback)((root) => {
-				const column = root.offsetWidth;
-				root.style.setProperty("--dsh-conversation-column-width", `${column}px`);
-				const preference = readWidthPreference();
-				if (preference === null) root.style.removeProperty("--dsh-chat-user-width");
-				else root.style.setProperty("--dsh-chat-user-width", `${resolveContentWidth(column, preference)}px`);
-			}, []);
-			const rootResizeRef = (0, react.useCallback)((root) => {
-				rootObserver.current?.disconnect();
-				rootObserver.current = null;
-				rootEl.current = root;
-				if (root === null) return;
-				rootObserver.current = new ResizeObserver(() => {
-					publishWidths(root);
-				});
-				rootObserver.current.observe(root);
-				publishWidths(root);
-			}, [publishWidths]);
-			const onHandleStart = (0, react.useCallback)(() => {
-				const root = rootEl.current;
-				/* v8 ignore next -- handles render inside the root, so the ref is always attached. */
-				if (root === null) return 680;
-				return resolveContentWidth(root.offsetWidth, readWidthPreference());
-			}, []);
-			const onHandleDrag = (0, react.useCallback)((width) => {
-				const root = rootEl.current;
-				/* v8 ignore next -- handles render inside the root, so the ref is always attached. */
-				if (root === null) return;
-				const clamped = resolveContentWidth(root.offsetWidth, width);
-				root.style.setProperty("--dsh-chat-user-width", `${clamped}px`);
-			}, []);
-			const onHandleCommit = (0, react.useCallback)((width) => {
-				const root = rootEl.current;
-				/* v8 ignore next -- handles render inside the root, so the ref is always attached. */
-				if (root === null) return;
-				localStorage.setItem(WIDTH_PREF_KEY, `${resolveContentWidth(root.offsetWidth, width)}`);
-			}, []);
-			const onHandleEnd = (0, react.useCallback)(() => {
-				const root = rootEl.current;
-				if (root !== null) publishWidths(root);
-			}, [publishWidths]);
-			const parentAvailabilityPending = session?.subagent?.address.mode === "continuable" && session.subagent.parentAvailable === void 0;
-			const settling = sessionId !== void 0 && (shellPhase === "blank" && openState === "loading" && summaryBlank !== true || parentAvailabilityPending);
-			const hero = sessionId === void 0 || shellPhase === "blank" && (openState === "open" || summaryBlank === true);
-			const phase = settling ? "settling" : hero ? "hero" : "active";
-			return (0, react_jsx_runtime.jsxs)("div", {
-				ref: rootResizeRef,
-				className: ConversationRoot_module_css_default.root,
-				"data-phase": phase,
-				children: [sessionId === void 0 ? null : renderSlot("conversation.session.header", {}), (0, react_jsx_runtime.jsx)(ConversationContent, {
-					...props,
-					session,
-					phase,
-					hero,
-					onHandleStart,
-					onHandleDrag,
-					onHandleCommit,
-					onHandleEnd
+					children: [sessionId === void 0 ? null : (0, react_jsx_runtime.jsx)(Views, {}), composerSeat]
+				}), (0, react_jsx_runtime.jsx)(WidthControls, {
+					container: body,
+					phase
 				})]
 			});
 		}
 		//#endregion
-		//#region lib/types/client/skeleton/ConversationRoot.js
-		function ConversationRoot(props) {
-			return (0, react_jsx_runtime.jsx)(ConversationMainPanel, { ...props });
-		}
-		//#endregion
 		//#region lib/types/client/skeleton/ConversationPanel.js
 		/**
 		* Render the Conversation with optional current-Session binding.
@@ -15207,7 +15308,7 @@ window.__ModuleLoader__.load({
 		* @param props - Strict Session input/store, view ledger, and render shares.
 		* @returns the active view area, or null while the Session remains blank.
 		*/
-		function DefaultConversationViews({ useSession, useConversation, useConversationViews, useInput, inputActions, useStore, actions, renderSlot, bindDraftMirror, openView }) {
+		function DefaultConversationViews({ view, useSession, useConversation, useConversationViews, useInput, inputActions, useStore, actions, renderSlot, bindDraftMirror, openView }) {
 			const active = resolveActiveView(useConversationViews((value) => value), useStore((s) => s.view));
 			const session = useSession((s) => s);
 			const conversation = useConversation((s) => s);
@@ -15222,13 +15323,14 @@ window.__ModuleLoader__.load({
 				};
 			}, [inputActions]);
 			if (session.blank && conversationPhase(session, conversation) === "blank") return null;
+			const viewId = view ?? active?.id;
 			return (0, react_jsx_runtime.jsx)("div", {
 				className: ConversationRoot_module_css_default.viewArea,
-				children: active !== void 0 && renderSlot("conversation.view", {
+				children: viewId !== void 0 && renderSlot("conversation.view", {
 					viewRequest,
 					openView,
 					completeViewRequest: actions.completeViewRequest
-				}, { only: active.id })
+				}, { only: viewId })
 			});
 		}
 		//#endregion
@@ -15262,7 +15364,7 @@ window.__ModuleLoader__.load({
 		/**
 		* Renders Session header chrome above the resident conversation scrollport.
 		* @param props - Strict Session store, view ledger, navigation, render, and locale shares.
-		* @returns the hidden blank-session header or visible title and tabs.
+		* @returns Session navigation controls, with title and tabs after conversation starts.
 		*/
 		function ConversationSessionHeader({ sessionId, useSession, useSessions, useConversation, useConversationViews, useStore, renderSlot, open, selectView, t }) {
 			const tabs = useConversationViews((value) => value);
@@ -15271,13 +15373,17 @@ window.__ModuleLoader__.load({
 			const session = useSession((s) => s);
 			const conversation = useConversation((s) => s);
 			const hideChrome = session.blank && conversationPhase(session, conversation) === "blank";
-			return (0, react_jsx_runtime.jsx)("header", {
-				className: clsx(ConversationRoot_module_css_default.header, hideChrome && ConversationRoot_module_css_default.headerHidden),
-				"aria-hidden": hideChrome || void 0,
-				children: !hideChrome && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+			return (0, react_jsx_runtime.jsxs)("header", {
+				className: clsx(ConversationRoot_module_css_default.header, hideChrome && ConversationRoot_module_css_default.headerBlank),
+				children: [(0, react_jsx_runtime.jsxs)("div", {
 					className: ConversationRoot_module_css_default.titleRow,
 					children: [
-						(0, react_jsx_runtime.jsxs)("div", {
+						(0, react_jsx_runtime.jsx)("div", {
+							className: ConversationRoot_module_css_default.headerLeading,
+							"data-conversation-header-leading": "",
+							children: renderSlot("conversation.session.header.leading", {})
+						}),
+						!hideChrome && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
 							className: ConversationRoot_module_css_default.titleCluster,
 							children: [(0, react_jsx_runtime.jsxs)("nav", {
 								className: ConversationRoot_module_css_default.crumbs,
@@ -15316,18 +15422,17 @@ window.__ModuleLoader__.load({
 								className: ConversationRoot_module_css_default.headerActions,
 								children: renderSlot("conversation.session.header.actions", {})
 							})]
-						}),
-						(0, react_jsx_runtime.jsx)("div", {
+						}), (0, react_jsx_runtime.jsx)("div", {
 							className: ConversationRoot_module_css_default.headerUtilities,
 							children: renderSlot("conversation.session.header.utilities", {})
-						}),
+						})] }),
 						(0, react_jsx_runtime.jsx)("div", {
 							className: ConversationRoot_module_css_default.headerCorner,
 							"data-conversation-header-corner": "",
 							children: renderSlot("conversation.session.header.corner", {})
 						})
 					]
-				}), tabs.length > 1 && (0, react_jsx_runtime.jsx)("div", {
+				}), !hideChrome && tabs.length > 1 && (0, react_jsx_runtime.jsx)("div", {
 					className: ConversationRoot_module_css_default.tabs,
 					role: "tablist",
 					children: tabs.map((viewTab) => (0, react_jsx_runtime.jsx)("button", {
@@ -15340,7 +15445,7 @@ window.__ModuleLoader__.load({
 						},
 						children: viewTab.label
 					}, viewTab.id))
-				})] })
+				})]
 			});
 		}
 		/**
@@ -15505,7 +15610,7 @@ window.__ModuleLoader__.load({
 				root?.addEventListener("compositionstart", onCompositionStart);
 				root?.addEventListener("compositionend", onCompositionEnd);
 				syncComposition();
-			}), editor.registerUpdateListener(syncComposition), editor.registerCommand(sn$2, arrow("up"), 4), editor.registerCommand(ln$2, arrow("down"), 4), editor.registerCommand(hn$2, arrow("tab"), 4), editor.registerCommand(fn$1, (event) => {
+			}), editor.registerUpdateListener(syncComposition), editor.registerCommand(sn$2, arrow("up"), 4), editor.registerCommand(ln$2, arrow("down"), 4), editor.registerCommand(hn$2, (event) => arrow(event.shiftKey ? "tabBack" : "tab")(event), 4), editor.registerCommand(fn$1, (event) => {
 				handlers.dismissPopup();
 				if (handlers.arbitrate("escape", isComposingEvent(event, recentlyComposing)) === "consumed") {
 					event.preventDefault();
@@ -15729,7 +15834,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-conversation/src/client/skeleton/ContextMeter.module.css.mjs
-		const css$2 = ".H4l7vW_root{display:inline-flex;position:relative}.H4l7vW_trigger{corner-shape:round;width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.H4l7vW_trigger:hover{background:var(--dsw-alias-interactive-bg-hover)}.H4l7vW_track{fill:none;stroke:var(--dsw-alias-border-l3);stroke-width:2px}.H4l7vW_fill{fill:none;stroke:var(--dsw-alias-label-tertiary);stroke-width:2px;stroke-linecap:round}.H4l7vW_panel{z-index:100;box-sizing:border-box;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:264px;box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;border-radius:12px;padding:12px;font-size:12px;line-height:20px;position:absolute;bottom:calc(100% + 8px);right:0}.H4l7vW_header{align-items:center;gap:6px;display:flex}.H4l7vW_figures{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);margin-left:auto;font-weight:500}.H4l7vW_percent{color:var(--dsw-alias-label-primary);font-weight:500}.H4l7vW_headline{color:var(--dsw-alias-label-tertiary)}.H4l7vW_headline:empty{display:none}.H4l7vW_bar{corner-shape:round;background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;gap:1px;height:4px;margin:10px 0 12px;display:flex;overflow:hidden}.H4l7vW_segment{background:var(--meter-tint,var(--dsw-alias-label-tertiary));border-radius:1px;flex:none;min-width:2px;height:100%}.H4l7vW_swatch{background:var(--meter-tint);vertical-align:baseline;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.H4l7vW_colorSystem{--meter-tint:var(--dsw-static-neutral-bluish-400)}.H4l7vW_colorTools{--meter-tint:#a78bfa}.H4l7vW_colorMessages{--meter-tint:var(--dsw-static-blue-450)}.H4l7vW_rows{margin:6px 0 0}.H4l7vW_row{justify-content:space-between;align-items:center;gap:12px;padding:2px 0;display:flex}.H4l7vW_row dt{color:var(--dsw-alias-label-secondary)}.H4l7vW_row dd{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);margin:0}";
+		const css$2 = ".H4l7vW_root{flex:none;display:inline-flex}.H4l7vW_trigger{color:var(--dsw-alias-label-tertiary);font-family:inherit;font-size:var(--dsh-content-font-size-secondary,13px);font-variant-numeric:tabular-nums;line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:24px;flex:none;align-items:center;gap:6px;padding:1px 8px;display:inline-flex}.H4l7vW_trigger:hover,.H4l7vW_trigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.H4l7vW_track{fill:none;stroke:var(--dsw-alias-border-l3);stroke-width:2px}.H4l7vW_fill{fill:none;stroke:var(--dsw-alias-label-tertiary);stroke-width:2px;stroke-linecap:round}.H4l7vW_panel{z-index:1100;box-sizing:border-box;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:min(264px,100vw - 24px);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;border-radius:12px;padding:12px;font-size:12px;line-height:20px;position:fixed}.H4l7vW_header{align-items:center;gap:6px;display:flex}.H4l7vW_figures{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);margin-left:auto;font-weight:500}.H4l7vW_percent{color:var(--dsw-alias-label-primary);font-weight:500}.H4l7vW_headline{color:var(--dsw-alias-label-tertiary)}.H4l7vW_headline:empty{display:none}.H4l7vW_bar{corner-shape:round;background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;gap:1px;height:4px;margin:10px 0 12px;display:flex;overflow:hidden}.H4l7vW_segment{background:var(--meter-tint,var(--dsw-alias-label-tertiary));border-radius:1px;flex:none;min-width:2px;height:100%}.H4l7vW_swatch{background:var(--meter-tint);vertical-align:baseline;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.H4l7vW_colorSystem{--meter-tint:var(--dsw-static-neutral-bluish-400)}.H4l7vW_colorTools{--meter-tint:#a78bfa}.H4l7vW_colorMessages{--meter-tint:var(--dsw-static-blue-450)}.H4l7vW_rows{margin:6px 0 0}.H4l7vW_row{justify-content:space-between;align-items:center;gap:12px;padding:2px 0;display:flex}.H4l7vW_row dt{color:var(--dsw-alias-label-secondary)}.H4l7vW_row dd{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);margin:0}";
 		const tagId$2 = "@deepseek-ai/dsh-client-ui-conversation/ContextMeter.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -15759,7 +15864,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region lib/types/client/skeleton/ContextMeter.js
-		/** Composer context-occupancy meter: a ring beside the send button fed by the
+		/** Composer context-occupancy meter: a ring and percentage below the card fed by the
 		* `contextPressure` projection, with a click-open panel of the heuristic
 		* `contextBreakdown` composition (system prompt, tools, conversation).
 		* Renders nothing until a provider reports both pressure and a route
@@ -15808,24 +15913,28 @@ window.__ModuleLoader__.load({
 			const breakdown = useProjection("contextBreakdown");
 			const [open, setOpen] = (0, react.useState)(false);
 			const rootRef = (0, react.useRef)(null);
+			const panelRef = (0, react.useRef)(null);
 			const context = contextOccupancy(pressure);
 			const available = context !== null;
+			const position = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
+				open: open && available,
+				anchorRef: rootRef,
+				panelRef,
+				side: "top",
+				gap: 8,
+				margin: 12
+			});
+			(0, _deepseek_ai_dsh_client_ui_primitives.useDismissOnOutsidePointer)(rootRef, open && available, setOpen, panelRef);
 			(0, react.useEffect)(() => {
 				if (!available && open) setOpen(false);
 			}, [available, open]);
 			(0, react.useEffect)(() => {
 				if (!open || !available) return;
-				const onPointerDown = (e) => {
-					if (e.target instanceof Node && rootRef.current?.contains(e.target) === true) return;
-					setOpen(false);
-				};
 				const onKeyDown = (e) => {
 					if (e.key === "Escape") setOpen(false);
 				};
-				document.addEventListener("pointerdown", onPointerDown);
 				document.addEventListener("keydown", onKeyDown);
 				return () => {
-					document.removeEventListener("pointerdown", onPointerDown);
 					document.removeEventListener("keydown", onKeyDown);
 				};
 			}, [available, open]);
@@ -15851,7 +15960,7 @@ window.__ModuleLoader__.load({
 					side: "top",
 					delayMs: 200,
 					disabled: open,
-					children: (0, react_jsx_runtime.jsx)("button", {
+					children: (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
 						className: ContextMeter_module_css_default.trigger,
 						"aria-label": t("context.aria", { percent: reading }),
@@ -15860,7 +15969,7 @@ window.__ModuleLoader__.load({
 						onClick: () => {
 							setOpen(!open);
 						},
-						children: (0, react_jsx_runtime.jsxs)("svg", {
+						children: [(0, react_jsx_runtime.jsxs)("svg", {
 							viewBox: "0 0 14 14",
 							width: "14",
 							height: "14",
@@ -15878,10 +15987,16 @@ window.__ModuleLoader__.load({
 								strokeDasharray: `${CIRCUMFERENCE * percent / 100} ${CIRCUMFERENCE}`,
 								transform: "rotate(-90 7 7)"
 							})]
-						})
+						}), (0, react_jsx_runtime.jsx)("span", { children: reading })]
 					})
-				}), open && (0, react_jsx_runtime.jsxs)("div", {
+				}), open && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
 					className: ContextMeter_module_css_default.panel,
+					style: position ?? {
+						visibility: "hidden",
+						left: 0,
+						top: 0
+					},
 					role: "dialog",
 					"aria-label": t("context.used"),
 					children: [
@@ -15924,12 +16039,12 @@ window.__ModuleLoader__.load({
 							}, row.key))
 						})
 					]
-				})]
+				}), document.body)]
 			});
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-conversation/src/client/skeleton/InputBar.module.css.mjs
-		const css$1 = ".Uzaq8q_root{padding:0 var(--dsh-composer-side-clearance) 8px;flex-direction:column;align-items:center;display:flex}.Uzaq8q_root:has([data-composer-stats]){padding-bottom:4px}.Uzaq8q_hero{padding:0 var(--dsh-composer-side-clearance)}.Uzaq8q_notice{width:100%;max-width:var(--dsh-composer-card-max-width);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);border-radius:8px;margin-bottom:6px;padding:4px 8px;font-size:12px;line-height:18px}.Uzaq8q_card{box-sizing:border-box;width:100%;max-width:var(--dsh-composer-card-max-width);--dsw-elevation-stroke-color:var(--dsw-alias-border-l2);background:var(--dsw-specific-input-major);box-shadow:var(--dsw-elevation-soft);font-size:var(--dsh-content-font-size,14px);line-height:calc(24px + var(--dsh-content-font-delta,0px));--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border:0;border-radius:22px;flex-direction:column;gap:12px;padding-top:8px;display:flex;position:relative}.Uzaq8q_cardWorkspaceTrigger{--dsw-elevation-stroke-color:transparent;cursor:pointer}.Uzaq8q_cardWorkspaceTrigger:after{content:\"\";background:var(--dsw-alias-border-l4);pointer-events:none;border-radius:22px;transition:background-color .1s;position:absolute;inset:-1px;-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='black' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E\");mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='black' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E\")}.Uzaq8q_cardWorkspaceTrigger :disabled{pointer-events:none}.Uzaq8q_cardWorkspaceTrigger:hover:after{background:var(--dsw-alias-state-business-primary)}.Uzaq8q_accessory{align-items:center;gap:8px;padding:10px 12px 0;display:flex}.Uzaq8q_overlayAnchor{height:0;position:absolute;inset:0 0 auto}.Uzaq8q_scroll{max-height:var(--dsh-composer-text-max-height);margin-right:4px;overflow-y:auto}.Uzaq8q_scroll::-webkit-scrollbar-track{margin-top:8px}.Uzaq8q_grow{position:relative}.Uzaq8q_pending{corner-shape:round;background:var(--dsw-alias-state-business-primary);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate Uzaq8q_input-pending}@keyframes Uzaq8q_input-pending{0%{opacity:.35}to{opacity:1}}.Uzaq8q_input{box-sizing:border-box;min-height:36px;font-family:var(--dsw-font-family);font-size:inherit;line-height:inherit;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;color:var(--dsw-alias-label-primary);caret-color:var(--dsw-alias-state-business-primary);outline:none;padding:4px 8px 0 14px}.Uzaq8q_input p{margin:0}.Uzaq8q_input p:last-child:after{content:var(--dsh-composer-hint);color:var(--dsw-alias-label-caption)}.Uzaq8q_input[data-composer-composing] p:last-child:after{content:none}.Uzaq8q_input[data-composer-composing]+.Uzaq8q_placeholder{visibility:hidden}.Uzaq8q_placeholder{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;user-select:none;position:absolute;inset:4px 8px auto 14px;overflow:hidden}.Uzaq8q_inputDisabled{color:var(--dsw-alias-label-tertiary);cursor:not-allowed}.Uzaq8q_input[aria-haspopup=menu]{cursor:pointer}.Uzaq8q_hero .Uzaq8q_input{min-height:52px}.Uzaq8q_hero .Uzaq8q_placeholder{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.Uzaq8q_row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:2px 8px 6px;display:flex;container-type:inline-size}.Uzaq8q_tools,.Uzaq8q_modes,.Uzaq8q_trailing{align-items:center;min-width:0;display:flex}.Uzaq8q_tools,.Uzaq8q_modes{gap:12px}.Uzaq8q_trailing{flex:none;gap:12px;margin-left:auto}.Uzaq8q_add{corner-shape:round;background:var(--dsw-specific-selector);width:28px;height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.Uzaq8q_add:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)}.Uzaq8q_add:disabled{opacity:.5;cursor:default}.Uzaq8q_select{max-width:220px;height:28px;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;appearance:none;background-color:#0000;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 4px center;background-repeat:no-repeat;background-size:12px 12px;border:none;border-radius:8px;outline:none;padding:0 20px 0 8px;font-size:13px;font-weight:500;line-height:20px}.Uzaq8q_select:hover:not(:disabled){background-color:var(--dsw-alias-interactive-bg-hover)}.Uzaq8q_select:disabled{opacity:.5;cursor:default}.Uzaq8q_primary{corner-shape:round;background:var(--dsw-alias-button-info-fill);color:#fff;cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;transition:background-color .1s;display:grid;transform:translateY(-2px)}.Uzaq8q_primary:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)}.Uzaq8q_primary:disabled{opacity:.4;cursor:default}.Uzaq8q_retry{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:4px;margin-left:8px;padding:1px 8px;font-size:12px}";
+		const css$1 = ".Uzaq8q_root{padding:0 var(--dsh-composer-side-clearance) 4px;flex-direction:column;align-items:center;display:flex}.Uzaq8q_dock{justify-content:center;align-items:center;gap:12px;max-width:100%;padding-top:4px;display:flex}.Uzaq8q_hero .Uzaq8q_dock:empty{display:none}.Uzaq8q_hero{padding:0 var(--dsh-composer-side-clearance)}.Uzaq8q_notice{width:100%;max-width:var(--dsh-composer-card-max-width);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);border-radius:8px;margin-bottom:6px;padding:4px 8px;font-size:12px;line-height:18px}.Uzaq8q_card{box-sizing:border-box;width:100%;max-width:var(--dsh-composer-card-max-width);--dsw-elevation-stroke-color:var(--dsw-alias-border-l2);background:var(--dsw-specific-input-major);box-shadow:var(--dsw-elevation-soft);font-size:var(--dsh-content-font-size,14px);line-height:calc(24px + var(--dsh-content-font-delta,0px));--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border:0;border-radius:22px;flex-direction:column;gap:12px;padding-top:8px;display:flex;position:relative}.Uzaq8q_cardWorkspaceTrigger{--dsw-elevation-stroke-color:transparent;cursor:pointer}.Uzaq8q_cardWorkspaceTrigger:after{content:\"\";background:var(--dsw-alias-border-l4);pointer-events:none;border-radius:22px;transition:background-color .1s;position:absolute;inset:-1px;-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='black' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E\");mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='black' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E\")}.Uzaq8q_cardWorkspaceTrigger :disabled{pointer-events:none}.Uzaq8q_cardWorkspaceTrigger:hover:after{background:var(--dsw-alias-state-business-primary)}.Uzaq8q_accessory{align-items:center;gap:8px;padding:10px 12px 0;display:flex}.Uzaq8q_overlayAnchor{height:0;position:absolute;inset:0 0 auto}.Uzaq8q_scroll{max-height:var(--dsh-composer-text-max-height);margin-right:4px;overflow-y:auto}.Uzaq8q_scroll::-webkit-scrollbar-track{margin-top:8px}.Uzaq8q_grow{position:relative}.Uzaq8q_pending{corner-shape:round;background:var(--dsw-alias-state-business-primary);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate Uzaq8q_input-pending}@keyframes Uzaq8q_input-pending{0%{opacity:.35}to{opacity:1}}.Uzaq8q_input{box-sizing:border-box;min-height:36px;font-family:var(--dsw-font-family);font-size:inherit;line-height:inherit;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;color:var(--dsw-alias-label-primary);caret-color:var(--dsw-alias-state-business-primary);outline:none;padding:4px 8px 0 14px}.Uzaq8q_input p{margin:0}.Uzaq8q_input p:last-child:after{content:var(--dsh-composer-hint);color:var(--dsw-alias-label-caption)}.Uzaq8q_input[data-composer-composing] p:last-child:after{content:none}.Uzaq8q_input[data-composer-composing]+.Uzaq8q_placeholder{visibility:hidden}.Uzaq8q_placeholder{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;user-select:none;position:absolute;inset:4px 8px auto 14px;overflow:hidden}.Uzaq8q_inputDisabled{color:var(--dsw-alias-label-tertiary);cursor:not-allowed}.Uzaq8q_input[aria-haspopup=menu]{cursor:pointer}.Uzaq8q_hero .Uzaq8q_input{min-height:52px}.Uzaq8q_hero .Uzaq8q_placeholder{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.Uzaq8q_row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:2px 8px 6px;display:flex;container-type:inline-size}.Uzaq8q_tools,.Uzaq8q_modes,.Uzaq8q_trailing{align-items:center;min-width:0;display:flex}.Uzaq8q_tools,.Uzaq8q_modes{gap:12px}.Uzaq8q_trailing{flex:none;gap:12px;margin-left:auto}.Uzaq8q_add{corner-shape:round;background:var(--dsw-specific-selector);width:28px;height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.Uzaq8q_add:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)}.Uzaq8q_add:disabled{opacity:.5;cursor:default}.Uzaq8q_select{max-width:220px;height:28px;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;appearance:none;background-color:#0000;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2381858C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 4px center;background-repeat:no-repeat;background-size:12px 12px;border:none;border-radius:8px;outline:none;padding:0 20px 0 8px;font-size:13px;font-weight:500;line-height:20px}.Uzaq8q_select:hover:not(:disabled){background-color:var(--dsw-alias-interactive-bg-hover)}.Uzaq8q_select:disabled{opacity:.5;cursor:default}.Uzaq8q_primary{corner-shape:round;background:var(--dsw-alias-button-info-fill);color:#fff;cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;transition:background-color .1s;display:grid;transform:translateY(-2px)}.Uzaq8q_primary:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)}.Uzaq8q_primary:disabled{opacity:.4;cursor:default}.Uzaq8q_retry{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:4px;margin-left:8px;padding:1px 8px;font-size:12px}";
 		const tagId$1 = "@deepseek-ai/dsh-client-ui-conversation/InputBar.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -15943,6 +16058,7 @@ window.__ModuleLoader__.load({
 			"add": "Uzaq8q_add",
 			"card": "Uzaq8q_card",
 			"cardWorkspaceTrigger": "Uzaq8q_cardWorkspaceTrigger",
+			"dock": "Uzaq8q_dock",
 			"grow": "Uzaq8q_grow",
 			"hero": "Uzaq8q_hero",
 			"input": "Uzaq8q_input",
@@ -16012,6 +16128,10 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (promptError === null) return;
 				const { error } = promptError;
+				if (error.code === "session/writer-held") {
+					showToast(t("error.sessionInUse"));
+					return;
+				}
 				showToast(error.code === "session/attachment-invalid" || error.code === "subagent/attachment-invalid" ? attachmentErrorText(t, error.details.reason, imageLimits) : `${error.message} (${error.code})`);
 			}, [
 				promptError,
@@ -16034,7 +16154,7 @@ window.__ModuleLoader__.load({
 			const editorDisabled = removed || locked && !workspaceTrigger;
 			const editable = live && !locked && !machineBusy;
 			const steeringAvailable = subagent === null || subagent.address.mode === "continuable";
-			const canSteerQueue = !locked && !machineBusy && !commandMenuOpen && empty && running && steeringAvailable && input.queue.some((row) => row.placement === "queued");
+			const canSteerQueue = !locked && !machineBusy && !commandMenuOpen && empty && running && steeringAvailable && input.queue.length > 0;
 			(0, react.useEffect)(() => {
 				if (input === void 0 || inputActions === void 0) return;
 				if (attachments.length !== input.attachmentIds.length) inputActions.pruneAttachments(attachments.map((attachment) => attachment.id));
@@ -16128,7 +16248,9 @@ window.__ModuleLoader__.load({
 				keepDraftFocus(e, editor);
 			};
 			const onToggleCommandMenu = () => {
-				if (keyboard !== void 0) toggleCommandMenu?.(keyboard.caretSpan());
+				if (keyboard === void 0) return;
+				if (editor !== null) focusDraftEditor(editor, revealSelection);
+				toggleCommandMenu?.(keyboard.caretSpan());
 			};
 			const onWorkspaceKeyDown = (e) => {
 				if (!workspaceTrigger) return;
@@ -16264,10 +16386,6 @@ window.__ModuleLoader__.load({
 									children: [
 										input === void 0 || sessionId === void 0 ? null : renderSlot("conversation.input.right", {}),
 										sessionId === void 0 ? null : renderSlot("conversation.input.model", { locked: modelSeatLocked }),
-										(0, react_jsx_runtime.jsx)(ContextMeter, {
-											useProjection,
-											t
-										}),
 										interruptible && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
 											label: t("input.stop"),
 											side: "top",
@@ -16338,7 +16456,13 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
-					variant === "composer" && input !== void 0 && sessionId !== void 0 ? renderSlot("conversation.composer.dock", {}) : null
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: InputBar_module_css_default.dock,
+						children: [variant === "composer" && input !== void 0 && sessionId !== void 0 ? renderSlot("conversation.composer.dock", {}) : null, (0, react_jsx_runtime.jsx)(ContextMeter, {
+							useProjection,
+							t
+						})]
+					})
 				]
 			});
 		});
@@ -16640,11 +16764,17 @@ window.__ModuleLoader__.load({
 			const restoreView = (sessionId) => {
 				activateView(sessionId, readConversationViewPreference(sessionId));
 			};
-			const restoreCurrentView = () => {
-				const sessionId = sessions.list.getSnapshot().current;
-				if (sessionId !== void 0 && sessions.binding(sessionId) !== void 0) restoreView(sessionId);
-			};
 			const conversationViews = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(viewTabs());
+			const bindings = /* @__PURE__ */ new Set();
+			const trackedBindings = /* @__PURE__ */ new WeakSet();
+			const trackBinding = (binding) => {
+				if (trackedBindings.has(binding)) return;
+				trackedBindings.add(binding);
+				bindings.add(binding);
+				binding.ctx.effect(() => () => {
+					bindings.delete(binding);
+				}, "ui-conversation: active Provider binding");
+			};
 			const refreshViews = () => {
 				const current = conversationViews.getSnapshot();
 				const next = viewTabs();
@@ -16652,20 +16782,12 @@ window.__ModuleLoader__.load({
 					const candidate = next.at(index);
 					return candidate !== void 0 && tab.id === candidate.id && tab.label === candidate.label;
 				}))) conversationViews.set(next);
-				restoreCurrentView();
+				for (const binding of bindings) restoreView(binding.sessionId);
 			};
 			ctx.effect(() => {
-				let currentSessionId = sessions.list.getSnapshot().current;
 				const disposeViews = slots.subscribe("conversation.view", refreshViews);
 				const disposeLocale = ctx.locale.subscribe(refreshViews);
-				const disposeCurrent = sessions.list.subscribe(() => {
-					const nextSessionId = sessions.list.getSnapshot().current;
-					if (nextSessionId === currentSessionId) return;
-					currentSessionId = nextSessionId;
-					restoreCurrentView();
-				});
 				return () => {
-					disposeCurrent();
 					disposeLocale();
 					disposeViews();
 				};
@@ -16691,6 +16813,7 @@ window.__ModuleLoader__.load({
 				hooks: ["conversation", "input"],
 				props: ["inputActions"],
 				resolve: (binding) => {
+					trackBinding(binding);
 					const shell = inputHub.shellFor(binding);
 					const conversation = uiConversation.binding(binding);
 					restoreView(binding.sessionId);
@@ -16705,16 +16828,20 @@ window.__ModuleLoader__.load({
 			});
 			const registerConversationRoot = () => slots.register({
 				name: "main.conversation",
+				children: { "conversation.session.header": {
+					kind: "single",
+					scope: "session"
+				} }
+			}, ConversationRoot);
+			const registerConversationContent = () => slots.registerFactory({
+				name: "conversation.content",
+				scope: "session-maybe",
 				locale: NS,
 				children: {
 					"conversation.session": {
 						kind: "single",
 						scope: "session"
 					},
-					"conversation.session.header": {
-						kind: "single",
-						scope: "session"
-					},
 					"conversation.composer": {
 						kind: "chain",
 						scope: "session"
@@ -16737,9 +16864,13 @@ window.__ModuleLoader__.load({
 					},
 					"conversation.hero.agentPreset": {
 						kind: "single",
-						scope: "root"
+						scope: "session-maybe"
 					}
 				},
+				slots: {
+					views: { scope: "session" },
+					widthControls: { scope: "root" }
+				},
 				inject: (sessionId) => ({
 					hooks: { composerBlock: sessionId === void 0 ? ABSENT_BLOCK : composerBlocks.storeFor(sessionId) },
 					selectWorkspace: (workspaceId) => workspaceNavigation.openWorkspace(workspaceId, (nextId) => {
@@ -16760,7 +16891,7 @@ window.__ModuleLoader__.load({
 						}
 					})
 				})
-			}, ConversationRoot);
+			}, ConversationContent);
 			const registerConversationSession = () => slots.register({
 				name: "conversation.session",
 				children: { "conversation.view": {
@@ -16785,6 +16916,10 @@ window.__ModuleLoader__.load({
 						kind: "single",
 						scope: "session"
 					},
+					"conversation.session.header.leading": {
+						kind: "single",
+						scope: "session"
+					},
 					"conversation.session.header.actions": {
 						kind: "list",
 						scope: "session"
@@ -16924,6 +17059,7 @@ window.__ModuleLoader__.load({
 					} }
 				}, ConversationPanel);
 				yield registerConversationRoot();
+				yield registerConversationContent();
 				yield registerConversationSession();
 				yield registerConversationHeader();
 				yield registerComposerBar();